创建vue3.0项目

准备脚手架:

前言:请先自行下载安装node npm 等必须工具
 1. 卸载2.0 npm uninstall vue-cli -g 
 2. 安装3.0 npm install -g @vue/cli
 3. 配置环境变量:搜索vue.cmd路径 配置到环境变量path中
 4. vue -V 检查版本
 5. 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org

创建项目:

vue create 项目名称
或
[推荐] vue ui 

启动

npm run serve

可能出现的问题

1:Error: Cannot find module 'vue-loader-v16/package.json'
解决: cnpm i vue-loader-v16

2:有些开发工具内,可能出现无法识别cnpm等
解决: 在dos命令中打开项目目录,执行相关操作

配置 vue.config.js

根目录创建 vue.config.js

module.exports = {
    devServer:{
        port:8076, // 启动端口
        open:true  // 启动后是否自动打开网页
    }
}

多环境配置

根目录创建.env.test

NODE_ENV=test
VUE_BASE_API=http://127.0.0.1:8080/
VUE_key=12345678
VUE_IV=12345678

配置package.json => build-test

 "scripts": {
    "dev": "vue-cli-service serve --mode dev", 
    "build-test": "vue-cli-service build --mode test", 
    "lint": "vue-cli-service lint"
  },