创建Vue 项目

1、安装node

http://nodejs.cn/

---

2、检测node 与 npm 检测是否安装成功

• 1、 WIN + R 进入 CMD

• 2、 输入 Node -V 查看版本号

• 3、 输入 Npm -V 查看版本号

---

2、安装淘宝镜像 (可不用安装)

// 安装淘宝镜像

npm config set registry https://registry.npm.taobao.org

// 检测是否安装成功

npm config get registry

---

3、安装cnpm (可不用安装)

npm i -g cnpm --registry=https://registry.npm.taobao.org

• 1、 检测cnpm安装是否成功

• 2、 cnpm -v

---

4、安装vue-cli

• 1、 npm i -g @vue/cli

• 2、 vue -v // 检测是否安装成功

---

5、创建项目

• 1、 vue create pro-main // 不能有大写字母

• 2、 选择vue版本

• 3、 安装成功

---

6、启动项目

---

7、安装less

无需配置，直接使用

• 1、 npm i less -s

• 2、 npm i less-loader -s

---

8、遇到的问题

• 1、顶部出现红色报错

• 2、错误提示Parsing error: No Babel config file detected for

• 3、解决方法 ↓

package.json 添加 "requireConfigFile": false

    "parserOptions": {
      "parser": "@babel/eslint-parser",
      "requireConfigFile": false
    },

• 4 、 报错信息 Unexpected 'debugger' statement no-debugger
  package.json文件

 "rules": {
    "no-debugger": "off"
  }