2021/10/26 因为技术不断更新,故有些命令行不是最新的,随着后期补丁的更新,部分错误后期可能不存在了,建议大家参照时间节点看本片文章
1、 搭建vite项目
npm init @vitejs/app
2、 npm init @vitejs/app 报错
Install for [ '@vitejs/create-app@latest' ] failed with code 1
安装 ['@vitejs/create-app@latest'] 失败,代码为 1
3、修改 npm 和 npm-cahe 路径
npm config set prefix C:\Users\你的用户名\AppData\Roaming\npm
npm config set cache C:\Users\你的用户名\AppData\Roaming\npm-cache
4、 再次搭建vite项目
npm init @vitejs/app my-vite-app
// 提示
@vitejs/create-app 已弃用,请改用 npm init vite
5、选择vue框架
Select a framework: » - Use arrow-keys. Return to submit.
选择一个框架: » - 使用箭头键。 返回提交。
6、选择变体,vue 或vue-ts ,这里我选择vue-ts,顺便学习TypeScript
? Select a variant: » - Use arrow-keys. Return to submit.
? 选择一个变体: » - 使用箭头键。 返回提交。
7、 打开项目,安装依赖,运行项目
Done. Now run:
cd my-vite-app
npm install
npm run dev