创建项目Manage
1、创建Vite + Vue 项目
$ npm create vite@latest manage -- --template vue
如果报错,升级一下自己的npm,达到npm 7+,Node.js 版本 18+ 或 20+
这里我本地升级nodejs遇到了阻碍。公司电脑wind10的,设置有安全策略,不能以管理员身份运行nodejs的msi安装程序。
过程很曲折,最终解决方案:
管理员身份运行power——cd打开nodejs安装程序所在文件夹——继续执行命令:C:\Windows\System32\msiexec.exe /package node-v20.18.0-x64.msi。到这里就以管理员身份运行node了。
这里还有一个坑,npm7+有更严格的标准,所以npm install报错的话,建议用npm install --legacy-peer-deps试试。
2、npm install typescript -D 引入ts
vite.config.js/main.js改为vite.config.ts/main.ts,index.html引入js文件后缀也改为ts
3、npm i element-plus 引入element-plus
4、npm i express -D 引入nodejs的express框架
5、main.ts全局引入element-plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
createApp(App).use(ElementPlus).mount('#app')
到这里,项目已经可以跑起来了,能想到的基础依赖也引入进来了,接下来构建项目基础架构。

浙公网安备 33010602011771号