0分兩種 Webstoem和Sublime 2選1
Webstorm(推薦)
- 直接官網(wǎng)安裝即可,選擇30天的試用版
- 進入后選擇help -> Register -> License server 直接輸入http://idea.iteblog.com/key.php , 點擊Activate
Sublime,需自己配插件
代碼高亮
- Babel 高亮js(ES6)和jsx代碼
-
配置: 右下角的最后一個, 選擇Babel-JavaScript(Babel)
-
配置: 右下角的最后一個
-
ReactJS,js代碼高亮
- 未用
代碼檢測
- Eslint
- 配置:
編輯器Sublime添加sublimeLiter和sublimeLiter-contrib-eslint
-
npm安裝相關(guān)組件 http://www.reibang.com/p/edda91891fb2
-
安裝linter
npm install linter- make不是內(nèi)部或外部命令,
- 解決: 直接下載make.exehttps://github.com/sunxlfree/RES/raw/master/make.exe失效則去csdn付積分下載http://download.csdn.net/download/hubaolin/4843658
- make不是內(nèi)部或外部命令,
-
安裝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的安裝目錄,再執(zhí)行
- 完成
- No local packages or working download links found for python-gflags
-
安裝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. - 項目暫停,轉(zhuǎn)為webstorm
- npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\Administrator
-
-
番外 安裝make是曾考慮安裝mingw
- 報錯: 沒有文件擴展".js"的腳本引擎.
- cmd -> regedit, 找到HKEY_CLASSES_ROOT -> .js,打開后默認值修改為JSFile
- 報錯: 沒有文件擴展".js"的腳本引擎.
- 配置:
代碼提示
- 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
