VUE环境搭建和项目创建-win平台

今天是2021-04-06，vue3已经发布好久了，所以本文用的都是现在时间最新版的

一、搭建node环境

参考这个: node环境搭建

二、安装vue脚手架

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

npm install -g @vue/cli

如需升级全局的 Vue CLI 包，请运行：

npm update -g @vue/cli

用这个命令来检查其版本是否正确：

vue --version

三、创建vue项目

使用图形化界面

vue ui

这个命令会打开一个页面，在页面上进行项目的创建和管理（会是中文界面）

点击创建，进入创建界面

上面的路径就是你执行vue ui命令的路径。点击"在次创建新项目"，

项目名称不能是中文，我习惯使用npm作为包管理工具。最后三个选项随便，我喜欢的就是图上这样。

我以前的预设都用日期表示。你如果是第一次预设，请选择手动。

Choose Vue version是选择vue版本，因为现在VUE3已经发布了。
Babel是配置工具， 必选
Typescript看情况，初学者不选，会增加学习难度。
Progressiv 不选
Router是路由， 必选
Vuex是状态管理中心， 必选
Css Pre-processors是css预处理器， 选吧
Linter是代码检查 选吧
剩下两个看不到的是测试用的，不需要的 不选

第一项是选择vue版本，看需要
剩下两项必选，一个是css相关，一个Babel相关
第四个是前端路由模式，默认是哈希模式，打开就是histroy模式，随便 ，后面可以改
css预处理器，建议选择第一个
linter代码检查建议选择第一个，报错最少
最后两个是预设相关，是否保存预设，随便，建议不保存，多创建几次，加深记忆。

点击创建项目后，等待即可。