vue项目创建部署

vue3.x项目搭建

1、安装脚手架：

3.x脚手架安装：npm install -g @vue/cli@3.6.3 （2.x脚手架安装：npm uninstall -g vue-cli）；

2、进入到指定文件夹下：

**e:**   -- 到E盘目录下；
**cd workpack**  -- 进入e盘下的 workpack文件夹中（文件夹已经创建好的）；
**md e:\test\workpack** -- 在e盘下的test下创建workpack文件夹；

3、创建vue3.x文件项目：

1、vue create myvue3x（myvue3x是自拟的项目名称，项目名称必须小写）；
2、Please pick a preset：请选择预设配置，--> 开发请选择Manually select features，因为default中不提供vuex与router。(温馨提示：键盘上下键激进行选择，回车确定)。
3、
注：ESlint_Prettier作为代码检查；
	Lint on save // 保存就检测 (我一般选择它)
	Where do you prefer placing config for Babel, ESLint, etc.? In package.json  // babel .eslint这些文件放在独立的文件里还是package.json里(我一般选择它；大佬都选择放独立文件夹，便于配置)；
	Save this as a preset for future projects? (y/N) N //是否记录下，以便下次继续使用这套配置(我一般选择n)；

依据需求 – 个人选择图示：
Babel、Router、Vuex一个基本的完整的项目都要用到，所以这三个都要选，其他的参考自己需求可以进行选择。

4、个人配置结果：

注：node-sass是自动编译实时的（执行速度快），dart-sass需要保存后才会生效（执行速度慢）；

5、安装成功图示：

6、运行成功图示：

7、部署项目：