vue-cli重构个站记录
站点在这里,随时都在掰弄,不保证能登录/手动滑稽
下面开始记录过程
-
首先安装了当前最新的node14.15.4,一路next;
-
更新一下npm, 设置cnpm
> npm install -g npm # 其实用了cnpm之后更不更新npm没啥关系,强迫症搞一搞 > npm install -g cnpm --registry=https://registry.npm.taobao.org
-
安装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/手动滑稽
展示一下我全局安装包的版本信息
-
进入到指定目录,使用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 完成
-
已知我自己的项目会用到jquery和echarts,在项目环境安装
> cd v1 > cnpm install echarts --save # echarts可视化,刷新机制和vue好像有些冲突,总是不太顺溜 > cnpm install jquery --save # 这个不介绍了,vue全家桶的http请求好像在vue3不能用?
-
启动测试完成
> npm run serve
-
《完》,下一篇开始改home页效果