前端环境搭建

前端环境搭建 nvm node.js vue#

安装nvm#

• 到github的nvm-windows项目下载nvm安装文件，以管理员身份运行安装文件，默认安装
• 重启电脑，运行nvm --version命令

利用nvm管理node.js版本#

• nvm list available - 查看可安装的node版本
• nvm install 10.14.2 - 安装10.14.2版本的node.js
• nvm list - 查看已安装的node.js版本
• nvm use 10.14.2 - 选择node.js的版本10.14.2

安装yarn#

• 进入yarn的官网页面，下载安装包进行安装
• 重启电脑，运行yarn -v查看是否安装成功

安装vue-cli#

• 进入vue-cli
• 根据教程安装 - yarn global add @vue/cli

创建vue项目#

• vue create ginessential-vue创建一个app

• 根据提示选择淘宝镜像

• 选择手动选择特性

• 按空格选择或取消特性

  

• 创建项目成功

ESLint插件#

• 在vscode中搜索安装

• 然后在右下角找到ESLint，同意其开启

• 在vscode的Settings中找到ESLint的settings.json配置文件，在配置文件中添加如下代码段，这样保存时就会自动根据规则修改代码

  "editor.codeActionsOnSave": {
          "source.fixAll": true
      }
  

• 编辑项目目录中的.eslintrc.js文件即可修改规则