vue3.0项目构建流程

前言

19年8月份的时候，vue-cli更新到了3.X，新版本的脚手架封装度更高，配置起来简单许多，旨在让用户把精力都放在编写业务代码中，3.X脚手架已经自动搭建在webpack4上，所以不用大家再去从webpack3升级到webpack4,当然性能也提高了很多，所以推荐大家使用cli3.X版本去搭建自己的项目，通过这篇教程帮大家熟悉使用vue cli3去搭建vue项目。

安装

1.卸载旧版本cli

如果你之前都是基于vue-cli2.X,你需要先卸载它：

#卸载vue-cli
npm uninstall -g vue-cli 

2.安装vue-cli：

npm install -g @vue/cli  // 安装cli3.x
vue --version 或者 vue -V  //查看版本是否为3.x

同时因为VueCLI >= 3 和旧版使用了相同的 vue 命令，所以直接安装CLI3，那么 Vue CLI 2 (vue-cli) 会被覆盖。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project

创建项目

1.初始化

cd进指定项目文件夹，创建项目。