VS code 前端开发咋样?? 现在用的谷歌浏览器开发者工具... 编辑文件预览啥的都在浏览器进行 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xx0219
V2EX    分享发现

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

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

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

    第 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 哈哈哈
    dumbass
        6
    dumbass  
       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
    &bsp;   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 里面的图片... 但是没有反应 ... 还是那样... 我就纳闷了....
    dumbass
        16
    dumbass  
       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
    之前用 sublim ,目前逐步转到 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     Solana     4391 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 56ms UTC 10:11 PVG 18:11 LAX 03:11 JFK 06:11
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86