尤大新开发了一个前端工具vite,特地学习一下,官网(有中文版)。按照官网一步一步学习。
安装
全局安装:npm install -g vite
创建项目
// use npm
npm init @vitejs/app
// use yarn
yarn create @vitejs/app
然后按照提示,填写项目名称、选择模板。
如果想直接指定项目名称和模板,可以通过附加的参数:
# npm 6.x
npm init @vitejs/app my-vue-app --template vue
# npm 7+, 需要额外的双横线:
npm init @vitejs/app my-vue-app -- --template vue
# yarn
yarn create @vitejs/app my-vue-app --template vue
创建好项目之后,进入刚才创建的项目目录,然后npm install
,npm run dev
就可以看到成功运行了!
记一个小坑
在npm run dev
的时候,报了一个错误:spawn esbuild.exe ENOENT
,可以看一下我的另外一篇文章:vite:npm run dev报错:spawn esbuild.exe ENOENT