一.安裝vue脚手架
安装node.js和npm：
去node.js官网下载，里面包含npm
下载 | Node.js 中文网 (nodejs.cn)
点击Windows 安装包 (.msi) 2.查询版本号验证是否安装成功
node -v 显示安装的nodejs版本
npm -v 显示安装的npm版本
安装Vue CLI：
1.安装命令
npm install -g @vue/cli
2.问题：
安装时卡住 npm sill idealTree buildDeps
解决办法：
更换淘宝源（更换后不生效可以重启电脑）
npm config set registry <xmind-autolink>https://registry.npm.taobao.org</xmind-autolink>
问题：出现找不到 vue-cli-service 命令的情况
解决办法：
npm install -g @vue/cli-service
二.通过Vue脚手架创建项目，配置Vue路由
打开电脑的cmd控制面板，然后cd 目标磁盘盘符 ，输入命令vue ui，打开GUI面板，通过可视化方式创建项目
1680945628763.jpg
点击创建-在此创建新项目
1680945751206.jpg
输入项目名称，初始化项目 init project，点击下一步
1680945943712.jpg
点击预设-手动-下一步
1680946129609.jpg
安装功能选项，选择Babel,Router,Linter/Formatter,使用配置文件，点击下一步
1680946426860.jpg
选择ESlint+Standard config(标准配置文件) ，选中Lint on save（保存后会对代码格式校验），点击创建项目
是否保存预设，如果不需要重新更改项目名称，直接选择创建项目，不保存预设
1680946952289.jpg
三.配置Element-UI组件库
点击插件-添加插件-输入vue-cli-plugin-element-选中插件，点击安装
1680947551477.jpg
选择 import on demand(按需导入)点击完成安装
四.配置axios
点击依赖-安装依赖-输入axios-选中依赖，要安装到运行依赖，点击安装
1680962538730.jpg
五.初始化git远程仓库
登录Gitee，选择设置，点击SSH公钥
1680963651937.jpg
生成公钥：ssh-keygen -t ed25519 -C "邮箱" ，三次回车，即可生成 ssh key。复制生成后的pub文件内容，添加生成的 public key 。
1680964212868.jpg
添加公钥后输入ssh -T git@gitee.com，添加主机到本机SSH可信列表，输入yes回车，若返回 Hi XXX! You've successfully authenticated, but Gitee.com does not provide shell access. 内容，则证明添加成功。
1680964952696.jpg
六.本地项目托管到Gitee
点击右上角加号-新建仓库，输入项目名称，点击创建
1680965503945.jpg
创建项目成功后，运行Git 全局设置:
git config --global user.name "jiaojiao"
git config --global user.email "746540010@qq.com"
1680966046674.jpg
本地仓库操作：
若已有项目，添加一个远程仓库，先找到项目所在路径，打开终端，检查项目状态git status,若存在未提交文件，将所有文件提交到暂存区git add . ,输入git commit -m "add files"在本地进行提交。之后在查询项目状态git status。
1680967055977.jpg
本地仓库确认无误后，将仓库上传的码云操作，在项目根目录上运行
git remote add origin https://gitee.com/shenshendaodao/vue_demo.git
将本地仓库和云端仓库做关联，运行 git push -u origin "master"后上传成功。