从0开始搭建一个vue3.0完整项目之一

136 阅读1分钟

前言

嗨~ 友友们,这里是前端小菜鸟逆袭之从0开始搭建一个后台管理系统,采用的技术栈是vue3.0 + ts + vite + element-ui。浅浅期待一下会有哪些收获吧~

第一步:创建一个vite项目

npm create vite@latest

然后遇到了问题:

image.png

解决方案: npm config edit 打开.npmrc文件将Program Files 改成 Program~1

prefix=D:\Program~1\nodejs\node_global 
cache=D:\Program~1\nodejs\node_cache

第二步:选择框架 windows使用上下键方式进行选择,但是需注意选择的标识并不会发生变化

image.png 回车结果: image.png

第三步选择编程语言,这里我们选择TypeScript

image.png 回车结果: image.png

最后使用npm i进行安装依赖,再使用npm run dev运行项目就成功啦~

结语

以上就是简单的创建了一个vue3.0 + ts + vite的项目。