跟着步骤来，一步成功，步步成功，一步不行，全部重来。
我是用nvm管理的node版本：
用nvm安装node14.18.2，命令：nvm install 14.18.2
nvm install 14.18.2
并切换到当前使用版本，命令：nvm use 14.18.2
nvm use 14.18.2
我用的开发工具是vscode，在vscode的终端中运行nvm命令时，需要【以管理员身份运行】vscode
在vscode的终端运行命令：npm create vite@latest
npm create vite@latest
安装成功后，命令会自动提示你输入项目名称、选择框架及js类型
我选择之后是这样子的
根据提示，执行 cd vite-project
接着执行 npm install
之后，运行 npm run dev
成功之后是这样的
在浏览器地址栏输入http://127.0.0.1:5173/，回车，就能呈现出以下网页样式，至此，脚手架搭建完毕。
有不完整的地方，欢迎留言，看到后会第一时间补充。
跟着步骤来，一步成功，步步成功，一步不行，全部重来。 我是用nvm管理的node版本： 用nvm安装node14....
yeoman 开始 generator 就是脚手架的搭建器,可以搭建不同的脚手架 开发自己的generator 使...
这章我们正式开始搭建taro的开发框架 1.搭建taro脚手架项目 首先,让我们搭建taro的脚手架,这个例子里我...
搭建自己的前端脚手架 一般新开发一个项目时，我们会首先搭建好一个脚手架，然后才会开始写代码。搭建脚手架可以用 cr...
分出开发和生产（开发篇）webpack从0开始搭建react的ts开发环境（11）demo https://git...
刚参与了一个从头开始搭建的项目，整理一下前端从0到1搭建的基于webpack的react项目实践。（不用脚手架的那...
分出开发和生产（生产篇）webpack从0开始搭建react的ts开发环境（12）demo https://git...
dumi搭建文档模式的组件库开发脚手架： 清空目录，尝试搭建站点模式的组件库开发脚手架： 清空目录，尝试搭建一个静...
vue-cli是vue搭建环境脚手架，只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...
将webpack.config.js 改为tswebpack从0开始搭建react的ts开发环境（9）demo h...
本文标题：从0开始搭建vite+vue开发脚手架
本文链接：https://www.haomeiwen.com/subject/ndopzrtx.html
网友评论