vite专题:入门

12 篇文章 0 订阅
12 篇文章 0 订阅

尤大新开发了一个前端工具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 installnpm run dev就可以看到成功运行了!

记一个小坑

npm run dev的时候,报了一个错误:spawn esbuild.exe ENOENT,可以看一下我的另外一篇文章:vite:npm run dev报错:spawn esbuild.exe ENOENT

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值