V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
taogen
V2EX  ›  程序员

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

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

    本人 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  
       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  
       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
    f056917
        45
    f056917  
       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   ·   实用小工具   ·   1069 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 23:27 · PVG 07:27 · LAX 15:27 · JFK 18:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.