美文网首页Vue3.x
vue3.0项目创建

vue3.0项目创建

作者: 多吃水果多锻炼 | 来源:发表于2021-12-08 14:07 被阅读0次

Vue3.0-快速上手

创建Vue3的三种方式

  • Vue-cli
  • Webpack
  • Vite
利用Vue-cli创建Vue3项目
1. npm install -g @vue/cli //安装脚手架
2. vue create projectName
3. cd projectName
4. vue add vue-next
5. npm run serve
利用webpack创建Vue3项目
1. git clone https://github.com/vuejs/vue-next-webpack-preview.git projectName
2. npm install
3. npm run dev

什么是Vite?

Vite是Vue作者开发的一款意图取代webpack的工具。

实现原理是利用ES6的import会发送请求去加载文件的特性,拦截这些请求,做一些预编译,省去webpack冗长的打包时间。

安装Vite
npm install -g create-vite-app
利用Vite创建Vue3项目
create-vite-app projectName
安装依赖运行项目
1. cd projectName
2. npm install
3. npm run dev

相关文章

网友评论

    本文标题:vue3.0项目创建

    本文链接:https://www.haomeiwen.com/subject/dfrtfrtx.html