Vue3项目搭建

搭建条件

• 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 serve or yarn serve命令
• 方法2： VsCode左下角NPM脚本，点击即可执行。

image.png

项目成功后展示

image.png

结语：

就是如此简单，毫无任何困难。附赠一个官网vue3地址
https://v3.vuejs.org/