VUE3.X项目搭建

VUE3.X项目搭建之 —本地搭建vue基础项目

1、安装node.js

https://nodejs.org/en/download/
查看版本号 node –v、npm –v
出现版本号即安装成功。
管理nodejs版本（非必装）
执行命令安装：npm install -g n

2、全局安装vue-cli3.0脚手架

卸载：如果已经全局安装了旧版本的vue-cli(1.x 或 2.x)，需要先卸载：
npm uninstall vue-cli -g
安装：
npm install -g @vue/cli
查看版本号：
vue -V，
出现版本号即安装成功。
3.0对2.0版本的桥接：npm install –g @vue/cli-init

3、安装淘宝镜像 cnpm (非必装，网络慢的情况可安装)

npm install -g cnpm --registry=https://registry.npm.taobao.org

4.创建vue项目

1.vue create 项目名字
2.我有次直接在控制台这样没让我选则一下配置就直接创建了，百度一下发现用这个创建就行，但后来又有问题了，不太清楚，所以尽量用上面的那个 winpty vue.cmd create 项目名

5. 这是我选择的配置

之后会进行选择

1.选择自己定义还是默认配置

2.选择有哪些基础的文件夹之类的，我选的这个是我比较喜欢的

3.选择两个模式，一个是hash,history模式

hash - 即地址栏URL中的 # 符号；如：http://XXXX/#/hello
history —— 利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。

4.选择CSS的编译模式，我选择的是SASS node-sass模式

5.再选代码规范

6.选择何时进行代码检测：

第一个是保存时检测，第二个是 fix 和 commit 的时检测

7.配置文件存放地，是单独还是全部放在pack.json中

8.以上配置是否保存，就是是否做一个模板一样的东西

6.启动项目

npm run serve这是vue.3X的命令启动方式
npm run dev这是vue.2X的启动方式