js 开发环境配置
Editor
- vs code
- atom
- sublime text
atom 属 Github, vs code 属 microsoft ,两者都基于 Electron 开发。
都是现在比较常用的编辑器。
sublime 就放弃了吧。
Node environment config
install nodejs
windows 可以选择使用 chocolatey 安装 nodejs环境,chocolatey是一个windows平台的包管理器。
mac 可以使用 homebrew 安装nodejs。配置npm package 镜像
由于官方的镜像奇慢无比,可以用taobao的npm镜像地址代替。
执行一下命令:
npm config set registry="https://registry.npm.taobao.org"
npm config list
可以看到如下结果:
Eslint config
ESLint allow developers to discover problems with their JavaScript code without executing it
ESlint是一个linter类型的plugin,各个编辑器都提供了相应的plugin,除了安装ESlint plugin ,还要做相应的配置文件,配置文件包含一些 Rule,告诉ESlint如何检查语法错误。配置文件是和具体的项目相关的。也就是需要为每个项目生成一个配置文件,文件名为 .eslintrc 。
有一些现成npm package,已经做好了相应的Rule配置,例如:eslint-config-airbnb 。
- VS Code config
点击 (1)Extensions 图标,(2)搜索eslint,点击install 。
安装 eslint config package
npm install --save-dev eslint-config-airbnb
在项目根目录新建 .eslingrc 文件,内容如下:
{
"extends": "airbnb"
}
注:其他编辑器也是一样的,先安装eslint plugin,在安装 eslint config package,最后添加 .eslingrc 文件。