js 开发环境配置

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 文件。