vue3.0初始体验创建升级

vue3.0 还学的动不

第一步，安装 vue-cli：已经升级到4.4.1了

~~3.0的都还没会😂

npm install -g @vue/cli

第二步，初始化 vue 项目：

vue create vue-next-test

好了后出现 我选择的第二个自己配置

按下回车后出现

也可以支持ts我的没勾，一般的商业项目选这些够了

练习项目我选的n不用history模式，

css就选择stylus了

选择一个linter/formatter配置：

ESLint仅具有错误预防功能

ESLint+Airbnb配置

ESLint+标准配置

ESLint+更漂亮

保存的时候加载检查

配置保存在哪里呢，package.json中

是否保存，我选的n
项目创建完毕后，目录结构如下：

升级 Vue 3.0 项目

目前创建 Vue 3.0 项目需要通过插件升级的方式来实现，vue-cli 还没有直接支持，我们进入项目目录，并输入以下指令：

vue add vue-next

执行上述指令后，会自动安装 vue-cli-plugin-vue-next 插件（查看项目代码），该插件会完成以下操作：

安装 Vue 3.0 依赖
更新 Vue 3.0 webpack loader 配置，使其能够支持 .vue 文件构建（这点非常重要）
创建 Vue 3.0 的模板代码
自动将代码中的 Vue Router 和 Vuex 升级到 4.0 版本，如果未安装则不会升级
自动生成 Vue Router 和 Vuex 模板代码