vue2 项目 vscode 配置

  1. 安装node.js

    1. 下载https://nodejs.org/zh-cn/download/ 安装到目录D:\nodejs(自定义,不能有空格、中文、特殊字符)
    2. 配置环境变量,将安装目录加入Path环境变量
    3. 配置npm
      1. 在安装目录新建 node_cache 和 node_global 两个文件夹,并将node_global路径加入Path环境变量

           //配置全局模块存放路径
           npm config set prefix "D:\nodejs\node_global"
           //配置缓存文件存放路径
            npm config set cache "D:\nodejs\node_cache"
        
      2. 使用阿里镜像:

        npm install --registry=https://registry.npm.taobao.org
        
      3. npm config set msvs_version 2015

  2. 安装python2

    1. 下载python 2.7.17 并安装,位置D:\Python27。
    2. 配置环境变量 变量名:python2,变量值:D:\Python27
  3. 安装包

    1. 全局安装 eslint 包
           //安装
           npm i -g eslint
           //检查是否安装成功,列出已安装的包
           npm -g ls
      
    2. 全局安装 prettier 包
           //安装
           npm i -g prettier
           //检查是否安装成功,列出已安装的包
           npm -g ls
      
    3. 安装 eslint-config-prettier
      使eslint可以使用prettier格式配置,解决eslint,prettier冲突
    4. 安装 eslint-plugin-prettier
      使eslint可以提示prettier格式化错误
    5. 安装 eslint-plugin-vue
      使eslint可以校验.vue,.js中的