0分两种 Webstoem和Sublime 2选1

Webstorm(推荐)

• 直接官网安装即可,选择30天的试用版
• 进入后选择help -> Register -> License server 直接输入http://idea.iteblog.com/key.php , 点击Activate

  参考自http://www.07net01.com/2017/02/1818759.html

Sublime,需自己配插件

http://www.jianshu.com/p/bbb2e998a2e2

代码高亮

• Babel 高亮js(ES6)和jsx代码

  • 配置: 右下角的最后一个
    
    , 选择Babel-JavaScript(Babel)
    
• ReactJS,js代码高亮
  • 未用

代码检测

• Eslint
  • 配置:

    • 编辑器Sublime添加sublimeLiter和sublimeLiter-contrib-eslint

    • npm安装相关组件 http://www.jianshu.com/p/edda91891fb2

      • 安装linter

          npm install linter
        

        • make不是内部或外部命令,
          • 解决: 直接下载make.exehttps://github.com/sunxlfree/RES/raw/master/make.exe失效则去csdn付积分下载http://download.csdn.net/download/hubaolin/4843658

      • 安装eslint

          npm install eslint -g 
        

        • No local packages or working download links found for python-gflags
          • 解决: 下载python-gflag,http://packages.ubuntu.com/precise/all/python-gflags/download
        • npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\Administrator\package.json'
          • cd进nodejs/npm的安装目录,再执行
        • 完成
        • 

      • 安装eslint-plugin-react

          npm install eslint-plugin-react
        

        • npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\Administrator
          package.json'
          npm WARN eslint-plugin-react@6.10.3 requires a peer of eslint@^2.0.0 || ^3.0.0 b
          ut none was installed.
        • 项目暂停,转为webstorm

    • 番外 安装make是曾考虑安装mingw

      • 报错: 没有文件扩展".js"的脚本引擎.
        • cmd -> regedit, 找到HKEY_CLASSES_ROOT -> .js,打开后默认值修改为JSFile
        • 

代码提示

• SublimeCodeIntel

代码补全

• All Autocomplete(//跨文件补全,原装的只能本文件补全)
• Emmet 补全HTML/CSS代码https://www.zhihu.com/question/40642493

  • 配置: preferences -> PackageSetting -> Emmet -> KeyBindings-User:

      [    
          {        
              "keys": [
                  "tab"        
              ],         
              "args": {
                  "action": "expand_abbreviation"        
              },         
              "command": "run_emmet_action",
              "context":[
                  {
                    "key":"emmet_action_enabled.expand_abbreviation"            
                  }      
              ]
           }
      ]
    

格式化

• JSFormat

  • 配置: preferences -> Package Settings -> Setting - Users输入

      {
        "e4x": true,
        // jsformat options
        "format_on_save": true,
      }
    

文件定位

• Terminal