搭建vue项目的完整步骤。

一、搭建Vue项目

1、安装node.js
	   下载地址：http://nodejs.cn/download/ (检测是否安装成功  node-v)
2、安装cnpm(提高开发效率)
	   npm install -g cnpm --registry=https://registry.npm.taobao.org
	   (检测是否安装成功  cnpm-v)
3、安装webpack (打包)
	    cnpm install webpack -g (检测是否安装成功 webpack -v)
4、安装Vue
	    cnpm install vue 
5、全局安装vue-cli
	    npm install vue -cli -g
6、创建项目
	    vue init webpack 项目名称

二、配置资源

1、安装sass 依赖包 ，在cmd界面输入：
		npm  install sass-loader --save-dev
		npm install node-sass --sava-dev
2、在build文件夹下的webpack.base.conf.js的rules里面添加配置
		{
		  test: /\.scss$/,
		  loaders: ['style', 'css', 'sass']
		}
3、使用scss时候在所在的style样式标签上添加lang=”scss”
		即可应用对应的语法，否则报错
		<style lang='scss'></style>

三、**vue全局引入 **

1、import fun from 'src/models/my.js';
2、Vue.prototype.$xx=fun;  //其中$xx为新命的名。
3、var aa=this.$xx;   局部使用

四、打包

1、修改 config目录 ---> index.js文件  ---> build 配置下 
	----> assetsPublicPath: '/'	改为  assetsPublicPath: './' 
	(也就是“/”前加点)。
	
2、修改 build目录 ---> webpack.prod.conf.js文件  ---> new HtmlWebpackPlugin 配置下 ----> '../index.html'	改为  './index.html' (也就是“../”改为 “./”)。

3、黑屏终端运行
	cnpm run build

五、通过ip访问项目

 1、 找到config文件夹下的index.js文件，将host的值改为 0.0.0.0；
 2、 找到项目的 配置文件 package.json，在dev的值后面添加 --host 0.0.0.0
 3、 黑屏终端运行项目   cnpm  run dev 
 4、 运行完成之后，将浏览器网址栏里 0.0.0.0 改为 本机 ip 地址 
		(获取本机ip地址: ipconfig)