vue cli 3 创建项目

先安装vue vue-cli 具体方法百度

// 切换到相应的目录下面 my-app 是项目名称 注意项目名不可以使用大写字母 如myApp 否则报错无法创建
vue create my-app

然后会让你选择配置
有两个选项
default 默认配置
Manually 自己选择
嫌麻烦的同学可以选择第一项什么都不用管需要配置的选第二项

当选择Manually 时 有很多配置 如 Babel TypeScripte Router 等 根据需要选择 空格为选择 a是全选 i是取消选择
这里我们选 Babel TypeScript Router Vuex 其他的随意点 然后回车
然后基本上一路Y或者回车 等待之后就创建完了

不过此时因为缺少相关的依赖项目并不能启动

npm install  // 安相关依赖 此步骤可能较慢

好了之后文件夹中会出现node_modules的文件夹

// 启动项目
npm run serve // 以前好像是 npm run dev  现在默认serve了 不过这些都可以在package.json中配置

// package.json
"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
// 改成
"scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

这样就跟以前的一样了 不过这不重要 建议还是用serve吧 毕竟协同开发 使用大家都知道的命令比较好