VueCli入门学习

概述

Vue-cli是Vue的脚手架，类似Java中的SpringBoot框架，用于搭建一个标准的项目。
Vue-cli大大降低了webpack的使用难度，支持热部署，有webpack-dev-server的支持，相当于启动了一个请求服务器作为测试环境，我们只关注开发就可以了。

1.安装Vue-Cli

1.安装NodeJS

需要安装Node.js
官网：https://nodejs.org/zh-cn/
安装后配置环境变量：在Path中添加NodeJS的全局安装路径

2.npm工具

NodeJS的包管理工具，类似Maven，安装Node.js后就有了，直接在cmd黑框里输入命令就可以使用
基本命令：

    npm -v 						查看版本
	npm install 包名 --save		安装
	npm uninstall 包名 --save	卸载

3.nrm工具

npm默认站点在国外，配置国内镜像，提高下载速度

	npm install nrm -g		安装nrm -g全局安装
	nrm ls					查看镜像
	nrm use 镜像名			使用镜像

4.安装Vue-Cli

注意要用管理员身份运行cmd，否则可能出现报错无法安装

	npm install -g @vue/cli      // 全局安装
	vue --version				// 安装成功后 可以查看版本信息

2.创建Vue项目

1.进入cmd控制台，切换到项目目录后输入：

vue create 项目名

等待项目创建，然后选择你需要的版本等信息这样一个Vue-Cli的项目就创建好了

使用idea开发工具打开项目，首先安装一个vue.js的插件

打开后的项目要架构如下