2020 年国庆前夕,求大佬们推荐一下前端开发环境? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
taogen
V2EX    程序员

2020 年国庆前夕,求大佬们推荐一下前端开发环境?

  •  
  •   taogen
    tagnja 2020-09-29 22:36:08 +08:00 6179 次点击
    这是一个创建于 1841 天前的主题,其中的信息可能已经有所发展或是发生改变。

    本人 Java 开发,国庆想学一下前端。求大佬们推荐一下前端开发环境。

    在网上了解了一下,主要有以下开发环境。

    编辑器

    • VS Code
    • Sublime Text
    • Atom

    IDE

    • Intellij IDEA
    • WebStorm
    51 条回复    2020-09-30 17:49:34 +08:00
    zhuangzhuang1988
        1
    zhuangzhuang1988  
       2020-09-29 22:39:47 +08:00   3
    vscode
    tsingke
        2
    tsingke  
       2020-09-29 23:09:00 +08:00
    不用纠结,vs code 搞定一切
    axihe
        3
    axihe  
       2020-09-29 23:09:17 +08:00   1
    Chrome+VSCode+Nodejs,简单,省心!
    以前分享过一篇前端开发环境的安装(提高前端日常开发效率的)
    链接: https://www.axihe.com/edu/install.html
    可以参考下
    axihe
        4
    axihe  
       2020-09-29 23:15:20 +08:00   4
    还写过一篇前端学习路线的文章,感觉楼主可能也用得着;
    https://www.axihe.com/anbang/chat/learn-step.html
    也可以参考一下。
    whatsupbitch
        5
    whatsupbitch  
       2020-09-29 23:15:54 +08:00
    我推荐 WebStorm,当然使用整版。否则就是 VSCode 了
    Arguments
        6
    Arguments &nbp;
       2020-09-30 07:39:48 +08:00 via iPhone
    vscode 转 webstorm,vscode 各种找插件,各种配置,最后就变成了 webstorm,所以想要一步到位的话就 webstorm
    Chingim
        7
    Chingim  
       2020-09-30 08:02:40 +08:00 via Android
    neovim
    himself65
        8
    himself65  
       2020-09-30 08:10:59 +08:00 via iPhone
    webstorm 才是一步到位好吧
    musi
        9
    musi  
       2020-09-30 08:26:58 +08:00 via iPhone
    之前为了轻量用 vscode,装了几个插件后内存就变成了 webstorm 。现在因为公司团队用的 vscode,所以继续用 vscode
    jzmws
        10
    jzmws  
       2020-09-30 08:33:49 +08:00
    JB 全家桶, idea
    jzphx
        11
    jzphx  
       2020-09-30 08:35:55 +08:00
    一直用 idea 的话建议用 webstorm,快捷键顺手
    taogen
        12
    taogen  
    OP
       2020-09-30 08:54:42 +08:00
    @jzphx IDEA 貌似也可以开发前端。问一下 IDEA 与 WebStorm 有什么区别吗?
    guisheng
        13
    guisheng  
       2020-09-30 09:05:56 +08:00
    新入手并且还是后端的话建议 WebStorm 工具学习成本比较低。
    bblll1
        14
    bblll1  
       2020-09-30 09:10:46 +08:00
    idea 装几个插件就能开发了
    di1012
        15
    di1012  
       2020-09-30 09:12:00 +08:00
    vs code
    sugars
        16
    sugars  
    PRO
       2020-09-30 09:16:45 +08:00   1
    一条龙:
    1. 安装 node 环境(含 npm ): https://nodejs.org/zh-cn/download/
    安装依赖包我更推荐 yarn: https://yarn.bootcss.com/

    2. 安装 postman: https://www.postman.com/downloads/

    3. 可能你会上手的前端两大框架 vue 和 react,则会用到 chrome 浏览器调试插件
    vuejs-devtools: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
    react-developer-tools: https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

    4. 推荐安装 IDE Webstorm: https://www.jetbrains.com/webstorm/

    个人建议,大家如有补充欢迎提出
    edk24
        17
    edk24  
       2020-09-30 09:21:10 +08:00
    前端吗? vscode 搭配好插件
    Exin
        18
    Exin  
       2020-09-30 09:24:52 +08:00
    loliyu
        19
    loliyu  
       2020-09-30 09:31:01 +08:00
    webstorm 真的不错
    rodrick
        20
    rodrick  
       2020-09-30 09:52:27 +08:00
    webstorm 一步到位 如果用 vscode 或者追求轻量就 vscode [不过现在 vscode 插件装完也不觉得多轻量]
    TimPeake
        21
    TimPeake  
       2020-09-30 09:55:22 +08:00
    安装 vscode 、nodejs 就可以开撸了
    cz5424
        22
    cz5424  
       2020-09-30 09:56:44 +08:00
    vscode+nodejs,同后端学前端
    96412hj
        23
    96412hj  
       2020-09-30 10:00:52 +08:00
    如果是 mac,推荐 WebStorm 平时写代码 + vscode 作为编辑器
    如果是 win,推荐用 vscode
    96412hj
        24
    96412hj  
       2020-09-30 10:01:44 +08:00
    webstrom 2020.2 版本,UI 已经换了,没有之前那种古老的感觉了
    abelmakihara
        25
    abelmakihara  
       2020-09-30 10:01:56 +08:00
    webstorm 唯一的劣势就是吃内存..
    只有修修补补的情况下我会用 vscode 或者 sublime~
    hb0730
        26
    hb0730  
       2020-09-30 10:02:08 +08:00
    推荐 vscode
    Nuttertoo1s
        27
    Nuttertoo1s  
       2020-09-30 10:05:29 +08:00
    vscode 好点 字体颜色鲜明一目了然
    phinex
        28
    phinex  
       2020-09-30 11:11:30 +08:00
    vsc 我愿称之为宇宙之强!
    loginbygoogle
        29
    loginbygoogle  
       2020-09-30 11:14:02 +08:00
    WebStorm + Material Theme 吊打一切,前提是 16g 内存
    kuro1
        30
    kuro1  
       2020-09-30 11:24:06 +08:00
    推荐 WebStorm
    kuro1
        31
    kuro1  
       2020-09-30 11:24:31 +08:00
    推荐 WebStorm,jetbrains
    Sapp
        32
    Sapp  
       2020-09-30 14:27:17 +08:00
    我用的 webstorm,是为了显示没有使用过的函数这个功能,其他我觉得都差不多,更高级的我也没用上,vscode 当时找了一下没找到合适的插件,刚换的时候感觉很慢,明显不如 vscode 快,而且 ui 很丑,搞了很久才搞舒服,最近换了电脑又试了一下,感觉差不多,随选你选一个就行,就是 vscode 很多东西要自己找插件,webstorm 上手就用。
    dartabe
        33
    dartabe  
       2020-09-30 14:31:42 +08:00
    试了下 VSCode 感觉 sublime 可以不用了

    sublime 的 typescript 插件问题太多 不知道是不是故意的
    B3C933r4qRb1HyrL
        34
    B3C933r4qRb1HyrL  
       2020-09-30 14:32:09 +08:00
    webstorm/idea 的代码提示可比 vscode 好用多了...,不过内置的 live templates 不如 vscode 的一些插件好用
    Sapp
        36
    Sapp  
       2020-09-30 14:34:12 +08:00
    另外我觉得在 ts 类型提示上,webstorm 没有 vscode 好使,webstorm 显示的类型信息冗余很多,也没有排版,长长的一条,什么都看不出来,vscode 简洁多了,而且还有格式化排版。
    Jinnn
        37
    Jinnn  
       2020-09-30 15:21:11 +08:00
    idea 挺好的, 功能强大
    Zhangxiaopa
        38
    Zhangxiaopa  
       2020-09-30 15:36:20 +08:00
    为什么我想到的是床上开发。。
    Zhangxiaopa
        39
    Zhangxiaopa  
       2020-09-30 15:36:42 +08:00
    是个废人了(我)
    root8080
        40
    root8080  
       2020-09-30 15:39:48 +08:00
    webstorm 开多了带不动 vscode 要是有 webstorm 的那个 history code 功能 对我来说就完美了!
    MrBrand
        41
    MrBrand  
       2020-09-30 16:25:29 +08:00
    IDEA,webstorm 能干的好像都能干,webstorm 不能干的还能干,一直在用 IDEA 做前端开发~~~~
    Ttttnik
        42
    Ttttnik  
       2020-09-30 16:45:41 +08:00
    电脑好 就 webstorm ,一般就 vscode (最香)!
    xiyuesaves
        43
    xiyuesaves  
       2020-09-30 16:50:44 +08:00
    为什么感觉推荐 sublime 的这么少啊,一直在用这个感觉也不错啊,插件也多,主题也漂亮,语法提示也没问题,而且还小巧
    puzzle9
        44
    puzzle9  
       2020-09-30 16:55:53 +08:00
    我觉得 atom 代码提示很厉害
    还有一个是 sublime
    p8YFk4f3E8SJ3aEv
        45
    p8YFk4f3E8SJ3aEv  
       2020-09-30 17:01:31 +08:00
    webstorm+1
    source
        46
    source  
       2020-09-30 17:05:48 +08:00
    喜欢轻量就 vscode,想一把梭就 webstorm,没什么需求只要个带着色的编辑器的可以 sublime
    source
        47
    source  
       2020-09-30 17:06:21 +08:00
    (以上说法均不考虑插件
    gdtdpt
        48
    gdtdpt  
       2020-09-30 17:09:37 +08:00
    我觉得前端环境不太重要,vscode 、sublime 、vim 、webstorm 什么顺手用什么吧,我是有啥用啥,都用过,没啥阻碍。
    hahahahaha234
        49
    hahahahaha234  
       2020-09-30 17:15:57 +08:00
    VScode 摸鱼插件比较多哈
    biubiupiupiu
        50
    biubiupiupiu  
       2020-09-30 17:20:26 +08:00
    干了三年测试,感觉没啥前途,想转开发,最近有学习前端的想法,不知道怎么规划学习路线。
    gaocc
        51
    gaocc  
       2020-09-30 17:49:34 +08:00
    WebStorm node npm 半小时搞定,git 拉项目就跑
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5823 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 01:46 PVG 09:46 LAX 18:46 JFK 21:46
    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