xx0219

VS code 前端开发咋样?? 现在用的谷歌浏览器开发者工具... 编辑文件预览啥的都在浏览器进行

  •  
  •   xx0219 · Jan 14, 2017 · 7853 views
    This topic created in 3581 days ago, the information mentioned may be changed or developed.

    .... 谷歌浏览器 就是没有高亮 没有代码补充什么的不太方便......

    Supplement 1  ·  Jan 14, 2017

    刚开始折腾... 感觉要调个js 也不简单啊???

    项目文件夹名字是 2017. 就是个jekyll主题..

    下面有个 main.js文件 这个js用了jquery.js
    但是这个jquery.js 是另外一个单独的文件...

    我现在调试 就变成了
    ReferenceError: $ is not defined

    是需要额外设置...
    还是launch.json里设置错了???

    Supplement 2  ·  Jan 14, 2017

    npm 安装 @types/jquery 安装好了还是这样啊 也重启过了...

    不会这么坑吧..... 这么难上手????

    Supplement 3  ·  Jan 14, 2017
    -.- 折腾半天 还是没吧 js 的 jquery 调试搞定....

    怀疑自己智商的同时 深深的觉得调试这块这是个坑...... .... ... .

    其他方面都还不错..... ...

    突然想起之前有人说.... 千万别学 IDE . 各种 ide 都要学习成本... 换来换去... ....
    37 replies  •  2017-09-25 20:51:51 +08:00
    hungryhenry
    hungryhenry
    Jan 14, 2017
    1
    目前只用 vs code ,偶尔用下 sublime
    MaqicXu
    MaqicXu
    Jan 14, 2017 via iPhone
    2
    vscode 更新的非常勤快,现在插件也非常丰富,市场占有率超过 sublime 指日可待😈
    zhuangtongfa
    zhuangtongfa
    Jan 14, 2017
    3
    写 js 很顺
    zhaolion
    zhaolion
    Jan 14, 2017
    4
    用来打造了一个 go 的开发环境,哦对了,我是后端。。。。
    MaydayMasa
    MaydayMasa
    Jan 14, 2017
    5
    上个月去参加谷歌开发者线下活动 看到 angular 核心团队的成员现场 coding 用 vs 哈哈哈
    dumbass
    dumbass
    Jan 14, 2017 via Android
    6
    最近发现 atom 支持 md 预览,而且效果非常不错😊
    LittleWhiteMouse
    LittleWhiteMouse
    Jan 14, 2017
    7
    差不多一切都好,就是丢配置挺频繁,我也不知道为啥,好在我需要的配置也就三条,其实应该说是用户设置,其他的不丢
    hronro
    hronro
    Jan 14, 2017
    8
    @MaydayMasa 是 vsc 吧
    Kilerd
    Kilerd
    Jan 14, 2017
    9
    目前 Rust 开发用 vs code ,感觉良好

    HTML 模版的编写也一直都是用 vs code

    PyCharm 快过期了,目前在慢慢转向 vs code , 装了几个插件,感觉还可以。
    jolson
    jolson
    Jan 14, 2017 via Android
    10
    之前用的 sublime 和 atom ,现在已经转到 vscode 来了,很不错
    stackboom
    stackboom
    Jan 14, 2017
    11
    @bojackhorseman vsc 也可以,不过我习惯装 instant-markdown 在 chrome 中预览
    Exin
    Exin
    Jan 14, 2017 via iPhone
    12
    除了 cmd+d 的选词能力、整体流畅程度略逊 sublime 一点点外,其他方面完全可以替代 sublime
    SpringHack
    SpringHack
    Jan 14, 2017 via Android
    13
    vim 路过
    vghdjgh
    vghdjgh
    Jan 14, 2017❤️1
    14
    ReferenceError: $ is not defined
    需要用 npm 安装下 @types/jquery
    xx0219
    xx0219
    OP
    Jan 14, 2017
    15
    @vghdjgh 装了 你看附言 2 里面的图片... 但是没有反应 ... 还是那样... 我就纳闷了....
    dumbass
    dumbass
    Jan 14, 2017
    16
    @stackboom atom 可以在有边分出一览,实时预览,你可以试一下。
    xx0219
    xx0219
    OP
    Jan 14, 2017
    17
    @vghdjgh 话说... 要是我项目里有很多 js... 如果 main.js 要用到别的 js 里面定义的函数...

    那是不是 还得 想办法把别的 js 文件包含进去啊???? .... 这就麻烦了啊,不方便啊..
    iyour
    iyour
    Jan 14, 2017
    18
    在渣一点的电脑上 sublime 的速度比 vs 快的不是一点点啊
    4263Ad06Awk3b1Do
    4263Ad06Awk3b1Do
    Jan 14, 2017
    19
    目前最爱的。但是论速度还是 sublime 最快
    dhssingle
    dhssingle
    Jan 14, 2017
    20
    @bojackhorseman VSC 也是在一边实时预览
    lunakunada
    lunakunada
    Jan 14, 2017
    21
    之前用 sublime ,目前逐步转到 vscode 。暂时有一点不爽

    sublime 里可以只注释选中部分文字,但是 vs code 里选中文字后,“ ctrl+/” 一下子就注释了一整行

    不知道有没有使用 vs code 的用户,有方法实现 sublime 里一样:选中部分文字后按“ ctrl+/” 只注释选中部分
    Raincal
    Raincal
    Jan 14, 2017❤️1
    22
    @lunakunada Shift+Alt+A 注释选中的代码块
    xx0219
    xx0219
    OP
    Jan 14, 2017
    23
    @zhuangtongfa .... js 调试 怎么支持 jquery 啊.. 谷歌半天还没解决啊....
    jybox
    jybox
    Jan 14, 2017❤️1
    24
    你这是在 Node 里运行前端代码呀,当然跑不了了
    xx0219
    xx0219
    OP
    Jan 14, 2017
    25
    @jybox .... js 不就是 node 么... 不写 node.. 那写什么?? ES6?? 不太会... 反正到现在 还没搞定 jquery 的问题....
    razor1895
    razor1895
    Jan 14, 2017❤️1
    26
    @xx0219 你需要用 node 开一个静态服务器.... 或者用 python 开一个, 然后浏览器访问 localhost 就可以了
    vghdjgh
    vghdjgh
    Jan 14, 2017❤️1
    27
    vscode 不能调试浏览器端 js 的运行,只内置支持 nodejs 的调试, nodejs 是 js 的服务端运行环境,而 jquery 是运行在浏览器端的,不是一个环境,所以不支持。
    安装 @types/jquery 后可以再写代码时智能提示一些 jquery 的方法,这个目前 vscode 内置的机制,其它库也是类似的找相应的 @types 库。
    vghdjgh
    vghdjgh
    Jan 14, 2017
    28
    vs code 只是编辑器,不是 IDE
    关于调试这块,内置支持 nodejs ( js 、 ts ),可以通过插件支持 C#、 C++
    dhssingle
    dhssingle
    Jan 14, 2017❤️1
    29
    不是卡怒 dna ,不知道 Debugger for Chrome 这个扩展能不能满足你的需求
    xx0219
    xx0219
    OP
    Jan 14, 2017
    30
    @vghdjgh 好吧 原来是不支持浏览器的 js 的啊.... 多谢指点啊... 终于可以死心不用折腾 js 调试了
    xx0219
    xx0219
    OP
    Jan 14, 2017
    31
    @dhssingle 这个也看过一点点教程... 也有点麻烦的啊 要各种设置....
    想通了.... 调试 还是直接用谷歌吧.... 省心.....
    pouta
    pouta
    Jan 14, 2017
    32
    firefox 调试 js 挺好的
    g0thic
    g0thic
    Jan 14, 2017
    33
    @xx0219 VSC 有 Debugger for Chrome 调试插件
    blanu
    blanu
    Jan 15, 2017
    34
    Debugger for Chrome 还是有 BUG ,不能和 Chrome 自带的控制台一起开,于是就不能 Inspect Element 了,不过调试 JS 是比直接在 Chrome 里怼方便
    FrankFang128
    FrankFang128
    Jan 15, 2017 via Android
    35
    WebStore 用户笑而不语
    FrankFang128
    FrankFang128
    Jan 15, 2017 via Android
    36
    webstorm!
    Georginaaa
    Georginaaa
    Sep 25, 2017
    37
    我是 debugger for chrome 配了 launch.jason 后 F5 打开 chrome 找不到该文件。。google 了好久都还没有解决。。请问你的 launch.jaosn 是怎么配置的。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2857 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 88ms · UTC 10:56 · PVG 18:56 · LAX 02:56 · JFK 05:56
    ♥ Do have faith in what you're doing.