搭建条件
- node 8+
- npm 6.1+
- vue-cli 4+
vue-cli升级命令变更，低于3.0版本的需要先卸载再安装
// 卸载
npm uninstall vue-cli -g
// 安装
npm install @vue/cli -g
第一步：自己找个盘建个空项目，命令行进入项目路径（不能有大写字母）也可以直接create 项目名，随个人喜好。
第二步：按自己需求选择项目配置项，本项目使用，Vue3 + TypeScript + Router + Vuex +Babel + ESLint
vue create .
image.png
image.png
选择配置项
image.png
image.png
- 回车搞定
项目结构如下
image.png
项目运行，VsCode打开项目
-
方法1：VsCode命令行执行
npm run serveoryarn serve命令 - 方法2： VsCode左下角NPM脚本，点击即可执行。
image.png
项目成功后展示
image.png
结语：
就是如此简单，毫无任何困难。附赠一个官网vue3地址
https://v3.vuejs.org/
