【从零建站1/n】vue-cli5项目初始化

vue-cli重构个站记录

站点在这里，随时都在掰弄，不保证能登录/手动滑稽

下面开始记录过程

1. 首先安装了当前最新的node14.15.4，一路next；

2. 更新一下npm, 设置cnpm

   > npm install -g npm  # 其实用了cnpm之后更不更新npm没啥关系，强迫症搞一搞
   > npm install -g cnpm --registry=https://registry.npm.taobao.org
   

3. 安装vue和vue-cli最新版，重构嘛就是要尝鲜；如果已经有老版的vue-cli需要先卸载

   > npm uninstall vue-cli -g		# 如果已有老版的都卸载一次；最好到默认目录\AppData\Roaming\npm\node_modules看一下有没有
   > cnpm install vue@next -g		# 全局安装vue的最新版本, @next指最新
   > cnpm install @vue/cli@next -g	# 全局安装vue-cli最新版本，直接整到5.0/手动滑稽
   

   展示一下我全局安装包的版本信息
   

4. 进入到指定目录，使用vue-cli构建项目

   > cd Documents/wwwroot	# 进入想要放项目的目录
   > vue create v1			# 我的项目名叫v1
   

   4.1 选择手工构建
   4.2 选项的介绍感谢这位大佬；值得一提的是PWA这次我想尝试一下
   
   4.3 选择vue3.x
   
   4.4 history router我选择n，因为以前用vue+echarts+bmap老是出问题的时候我怀疑可能和这个前端路的刷新机制有关，所以姑且一试
   
   4.5 接下来的选项各凭喜好
   
   
   
   
   
   4.6 完成
   

5. 已知我自己的项目会用到jquery和echarts，在项目环境安装

   > cd v1
   > cnpm install echarts --save  	# echarts可视化，刷新机制和vue好像有些冲突，总是不太顺溜
   > cnpm install jquery --save	# 这个不介绍了，vue全家桶的http请求好像在vue3不能用？
   

   

6. 启动测试完成

   > npm run serve
   

   
   

7. 《完》，下一篇开始改home页效果