【已更新】拆解saber3-vue3 项目（一）——运行源代码

拆解saber3-vue3 项目

一，创建vue3项目

1、安装node

vue 3需要node10以上版本
node -v可以看node版本
可以看node官网下载地址以往的版本 | Node.js
我的版本：

2、安装vue/cli

辞旧迎新，没安装过就直接安装
npm uninstall vue-cli -g //yarn global remove vue-cli
npm install -g @vue/cli //yarn global add @vue/cli
如果是安装vue3以下版本的脚手架，命令npm install -g vue-cli@版本号
如果是安装3以上版本的脚手架，命令npm install -g @vue/cli@版本号
vue -V 查看vue/cli版本
我的是：
@vue/cli 5.0.8
创建项目
1、打开命令行窗口
2、在命令窗口输入指令 vue create 项目名称（字母小写和数字，-_）
需要选择初始化项目的配置：
Default是自动安装
①default（vue3 babel，eslint）：默认设置（直接enter）非常适合快速创建一个新vue3项目的原型，没有带任何辅助功能的 npm包
② default（vue2 babel，eslint）：默认设置（直接enter）非常适合快速创建一个新vue2项目的原型，没有带任何辅助功能的 npm包
③ Manually select features：自定义配置（按方向键 ↓）是我们所需要的面向生产的项目，提供可选功能的 npm 包
安装成功。
use npm 是用npm启动的把。还有一个选项是use yarn

emmm，给了新的项目的源码，所以上面的操作都无用，得拿新项目进行部署。

新项目部署

下载依赖包

1，
报错

找到了问题所在
下载 包需要这个文件来配置的

但是这个文件给屏蔽了所以没有上传上来所以我是没有这个文件的，改了之后再次上传下一个人就可以直接安装了。

修改以后再重新npm install 或yarn或yarn install就下载好了依赖包了

运行

这次想当然的以为运行就是用npm run serve了，然而此处的此命令意思为vite preview --host

运行npm run dev才刚好打开了系统

成功运行便可以进行代码刨析和测试了。

更新，因为项目多，一个项目需要node12一个需要用node14，这个其实是需要node20的，最新的，会打不开项目，npm run会报错，这次就又研究了会，
解决方法：
1，不同的项目需要用不同的node版本去下载依赖包和运行项目，下了依赖包就不用再下，但还是要在运行npm run之前把node给调换过来。就
nvm use XXX
npm run dev或者npm run serve
2,rimraf似乎只有node14.17.6的时候才能使用，其他版本下硬下也下不下来。