2020 年国庆前夕,求大佬们推荐一下前端开发环境? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
请不要在回答技术问题时复制粘贴 AI 生成的内容
taogen

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

  •  
  •   taogen
    tagnja Sep 29, 2020 6545 views
    This topic created in 2041 days ago, the information mentioned may be changed or developed.

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

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

    编辑器

    • VS Code
    • Sublime Text
    • Atom

    IDE

    • Intellij IDEA
    • WebStorm
    51 replies    2020-09-30 17:49:34 +08:00
    zhuangzhuang1988
        1
    zhuangzhuang1988  
       Sep 29, 2020   3
    vscode
    tsingke
        2
    tsingke  
       Sep 29, 2020
    不用纠结,vs code 搞定一切
    axihe
        3
    axihe  
       Sep 29, 2020   1
    Chrome+VSCode+Nodejs,简单,省心!
    以前分享过一篇前端开发环境的安装(提高前端日常开发效率的)
    链接: https://www.axihe.com/edu/install.html
    可以参考下
    axihe
        4
    axihe  
       Sep 29, 2020   4
    还写过一篇前端学习路线的文章,感觉楼主可能也用得着;
    https://www.axihe.com/anbang/chat/learn-step.html
    也可以参考一下。
    whatsupbitch
        5
    whatsupbitch  
       Sep 29, 2020
    我推荐 WebStorm,当然使用整版。否则就是 VSCode 了
    Arguments
        6
    Arguments  
       Sep 30, 2020 via iPhone
    vscode 转 webstorm,vscode 各种找插件,各种配置,最后就变成了 webstorm,所以想要一步到位的话就 webstorm
    Chingim
        7
    Chingim  
       Sep 30, 2020 via Android
    neovim
    himself65
        8
    himself65  
       Sep 30, 2020 via iPhone
    webstorm 才是一步到位好吧
    musi
        9
    musi  
       Sep 30, 2020 via iPhone
    之前为了轻量用 vscode,装了几个插件后内存就变成了 webstorm 。现在因为公司团队用的 vscode,所以继续用 vscode
    jzmws
        10
    jzmws  
       Sep 30, 2020
    JB 全家桶, idea
    jzphx
        11
    jzphx  
       Sep 30, 2020
    一直用 idea 的话建议用 webstorm,快捷键顺手
    taogen
        12
    taogen  
    OP
       Sep 30, 2020
    @jzphx IDEA 貌似也可以开发前端。问一下 IDEA 与 WebStorm 有什么区别吗?
    guisheng
        13
    guisheng  
       Sep 30, 2020
    新入手并且还是后端的话建议 WebStorm 工具学习成本比较低。
    bblll1
        14
    bblll1  
       Sep 30, 2020
    idea 装几个插件就能开发了
    di1012
        15
    di1012  
       Sep 30, 2020
    vs code
    sugars
        16
    sugars  
    PRO
       Sep 30, 2020   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  
       Sep 30, 2020
    前端吗? vscode 搭配好插件
    Exin
        18
    Exin  
       Sep 30, 2020
    loliyu
        19
    loliyu  
       Sep 30, 2020
    webstorm 真的不错
    rodrick
        20
    rodrick  
       Sep 30, 2020
    webstorm 一步到位 如果用过 vscode 或者追求轻量就 vscode [不过现在 vscode 插件装完也不觉得多轻量]
    TimPeake
        21
    TimPeake  
       Sep 30, 2020
    安装 vscode 、nodejs 就可以开撸了
    cz5424
        22
    cz5424  
       Sep 30, 2020
    vscode+nodejs,同后端学前端
    96412hj
        23
    96412hj  
       Sep 30, 2020
    如果是 mac,推荐 WebStorm 平时写代码 + vscode 作为编辑器
    如果是 win,推荐用 vscode
    96412hj
        24
    96412hj  
       Sep 30, 2020
    webstrom 2020.2 版本,UI 已经换了,没有之前那种古老的感觉了
    abelmakihara
        25
    abelmakihara  
       Sep 30, 2020
    webstorm 唯一的劣势就是吃内存..
    只有修修补补的情况下我会用 vscode 或者 sublime~
    hb0730
        26
    hb0730  
       Sep 30, 2020
    推荐 vscode
    Nuttertoo1s
        27
    Nuttertoo1s  
       Sep 30, 2020
    vscode 好点 字体颜色鲜明一目了然
    phinex
        28
    phinex  
       Sep 30, 2020
    vsc 我愿称之为宇宙之强!
    loginbygoogle
        29
    loginbygoogle  
       Sep 30, 2020
    WebStorm + Material Theme 吊打一切,前提是 16g 内存
    kuro1
        30
    kuro1  
       Sep 30, 2020
    推荐 WebStorm
    kuro1
        31
    kuro1  
       Sep 30, 2020
    推荐 WebStorm,jetbrains
    Sapp
        32
    Sapp  
       Sep 30, 2020
    我用的 webstorm,是为了显示没有使用过的函数这个功能,其他我觉得都差不多,更高级的我也没用上,vscode 当时找了一下没找到合适的插件,刚换的时候感觉很慢,明显不如 vscode 快,而且 ui 很丑,搞了很久才搞舒服,最近换了电脑又试了一下,感觉差不多,随选你选一个就行,就是 vscode 很多东西要自己找插件,webstorm 上手就用。
    dartabe
        33
    dartabe  
       Sep 30, 2020
    试了下 VSCode 感觉 sublime 可以不用了

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