V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xx0219
V2EX  ›  分享发现

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

  •  
  •   xx0219 · 2017-01-14 09:54:24 +08:00 · 6527 次点击
    这是一个创建于 2852 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    第 1 条附言  ·  2017-01-14 11:55:52 +08:00

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

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

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

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

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

    第 2 条附言  ·  2017-01-14 13:55:02 +08:00

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

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

    第 3 条附言  ·  2017-01-14 18:43:35 +08:00
    -.- 折腾半天 还是没吧 js 的 jquery 调试搞定....

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

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

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

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

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

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

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

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