Vue-前端框架初学习

Vue项目搭建

本次采用idea软件进行搭载Vue项目，项目由giuhub寻找，决定采用小米官网的Vue项目进行对Vue学习。

1. 安装环境

	首先需要安装四个依赖的东东
	**Node.js**
		用于Vue原生文件的处理，类似JDK
		可进行官网安装，网址如下

https://nodejs.org/zh-cn/

	** npm**
	npm下载工具。为Vue项目所需要的板块进行下载以及安装，就是包管理工具

npm install -g cnpm --registry=https://registry.npm.taobao.org

	**Vue -cli**
		用于搭建运行Vue项目所需要的环境

		npm install -g vue-cli

	**Webpack**
		因本IDEA原生已经自带，所以不做累述

	安装以上所有东西之后
	配置npm的阿里云源，以下

npm config set registry=http://registry.npm.taobao.org

	配置完之后，即可进入Vue项目文件路径下，执行以下代码

npm install
或者
npm install --registry=http://registry.npm.taobao.org
或者
直接用cnpm install 快得不是一点点
进行Vue项目模板安装

！！！！假如出现缺失服务等，
直接
npm install 服务名即可
// 假设很慢或者其余情况，可以使用cnpm install进行安装即可

之后在同一项目路径下执行

npm run dev
npm run （代码主要在package.json文件下的script上）

出现绿色字体即可运行成功，可先前到项目路径下的config下的index,js修改端口号
之后浏览器访问：http://localhost:8080即可

2. IDEA软件搭载项目

IDEA需要下载Vue.js，在setting下的plugin直接搜索安装即可。

之后需要调用语言，设置JavaScript为ECMAScript 6
 File -》 Settings -》 Languages&Frameworks -》 JavaScript：修改JavaScript language version为ECMAScript 6
 
 之后打开项目，点击Terminal，并执行npm install和npm run dev就可以在IDEA下执行。
 假如出现命令不存在，则需要设置Seting->> tools -》 npm ->>将cmd设置为C:/windows/System32/cmd.exe即可解决。

本章总结

在本次搭载Vue项目中，主要是npm install下出现giuhub源下载缓慢问题，导致浪费了一下午，所以还是考虑使用阿里云源下载会更快点。
而这是idea项目搭载需要的一些步骤，从中有很多删减，所以需要不断尝试，后期是进行对Vue框架的简单学习，边敲边看懂源码，边查资料对Vue框架进一步熟悉。