Vue脚手架

一：VUE-CLI介绍

Vue-CLI是一个基于vue.js进行快速开发的完整系统，提供：

• 通过@vue/cli实现的交互式的项目脚手架
• 一个丰富的官方插件合集，集成了前端生态中最好的工具
• 一套完全图形化的创建和管理Vue.js项目的用户界面

二：安装步骤

1.安装nodejs（要求10以上的版本）

2.通过npm去安装cnpm
npm install -g cnpm -registry=https://registry.npm.taobao.org

3.通过cnpm去安装vue脚手架
cnpm install -g @vue/cli

安装后，通过vue --version命令，查看是否安装成功

image.png

三：创建项目

3-1：通过页面项目管理工具创建项目

通过在命令行输入：vue ui 启动vue脚手架自带的项目管理工具(服务)

image.png

命令启动成功后，会弹出如下页面

image.png
点击创建按钮，即可新建项目，新建成功后，会自动生成项目目录
image.png

3-2:通过命令行创建项目

vue create 项目名

对相应的配置项进行如下勾选

image.png
image.png
image.png
image.png