vue3.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