vue3.0脚手架 创建项目
1.下载node最新稳定版本,并且安装
2.安装好之后,在cmd或者terminal下, 使用npm -v 查看当前npm版本,验证是否安装成功
3.安装成功后,运行 npm i -g @vue/cli 来安装 vue3.0脚手架。安装成功后使用 vue -V查看当前版本,验证是否安装成功
4.vue-cli搭建基础项目: 以搭建一个项目名称为vue-test的vue前端项目为例
5.在终端下输入以下命令 : vue create + 你的项目名称
6.根据提示进行相应的配置,选取必要的模块

7.选择项目需要的一些特性(此处我们选择需要Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化)

8.选择路由模式,在这里我们选择兼容性比较好的哈希模式

9.选择css预处理语言,在这里我们选择兼容广泛的stylus

10.选择ESlint代码规范,此处使用standard代码规范

11.选择何时启用lint格式化,在这里我们选择保存的时候

12.配置信息分开保存还是单独一个文件保存,我们选择分开保存

13.是否将当前设置作为预设,选择否

14.项目生成中

15.配置完成后Vue-cli完成初始化

16.初始化完成后,根据提示进入到vue-test项目中,并启动项目
17. 进入到vue-test项目cd vue-test
启动服务npm run serve
打包编译npm run build