胡一可

1.使用vite创建项目npm create vite//或yarn create vite2.安装包和运行npm installnpm run dev//或yarnyarnyarn dev3.在vs code安装volar插件需要注意的是volar与vetur插件相冲突，所以得禁用vetur

4.新建assets//css/index.scss全局样式文件，引入reset.scss文件， 然后在main.ts中全局引入。5.配置全局样式变量，新建assets/css/global.scss文件，存储整个项目需要的样式变量。3.通过npm下载并复制清除样式代码，并在assets/css/reset.scss中粘贴。6.在vite.config.ts中配置全局样式变量。1.安装scss 样式支持依赖。7.使用全局样式变量。

8.因为项目使用svg组件频率很高，所以将svg组件注册成全局组件，新建service/globalComponent/index.ts。6.为了更好地复用，接下来将svg封装成一个全局组件，以后使用更加方便，新建component/svgicons/index.vue。4.使用vite-plugin-svg-icons插件还需要fast-glob依赖。1.安装vite-plugin-svg-icons插件。2.配置vite.config.ts文件，配置插件。7.使用svgicon组件。

1.安装element-plus ui// NPM 安装npm install element-plus --save// Yarn安装yarn add element-plus2.完整引入//完整引入element-plus//在main.js中添加引入代码import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'//注册element-plus.use(ElementPlus)

1.安装node.js，并查看node版本node -v2.node自带了npm，所以直接把npm镜像地址改成国内淘宝镜像//更改镜像地址npm install -g cnpm --registry=https://registry.npm.taobao.org//查看当前镜像地址npm config get registry3.安装yarnnpm install -g yarn4.安装vue/cli脚手架yarn global add @vue/cli# 或

1.输入卸载命令，卸载旧版本npm uninstall vue-cli -g2.重新全新安装npm install -g @vue/cli3.输入vue -v查询版本输入之后发现并不是内部处理命令。。。4.于是我回头把npm升级到最新版本 npm install -g npm5.升级vue-cli，第一次升级失败。又第二次升级，成功！npm update -g @vue/cli5.查询版本vue--version...

1.导航-->首选项-->设置2.在方括号后加入以下代码,//注意加英文逗号 "auto_complete":true, "auto_math_enabled":true3.保存重启