Vue3.0——vite项目搭建

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