两种方式使用VueCli快速构建Vue项目

vue cli脚手架使用

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。使用Vue 脚手架之后我们开发的页面将是一个完整系统(项目)。

• Vue Cli提供了以一种简单的方式来构建Vue项目，在Vue下，所有的配置，例如：loader，打包配置等，都不再需要手动安装管理。
• 自己使用webpack也可以搭建Vue项目，但是很多配置都需要手动安装和手写配置文件，相对来说，Vue-Cli大大简化了这个配置过程，使前端人员能够更加专注于功能页面的实现。

Vue cli的安装与常用指令

前置环境：安装node.js与配置node环境

node.js下载地址

检测npm是否安装成功

npm -v

1. 查看当前已安装包

   npm list -g --depth 0
   

2. 卸载脚手架

   npm uninstall -g @vue/cli  //卸载3.x版本脚手架
   npm uninstall -g vue-cli  //卸载2.x版本脚手架
   

3. 安装脚手架

   npm install @vue/cli -g		//vue3.x版本
   npm install vue-cli -g		//vue2.x版本
   

4. 安装构建项目指令