vue入手

本地构建vue
步骤1：下载node.js，下载地址：https://nodejs.org/en/   node -v 查看是否安装成功 ，出现版本，下载安装成功
步骤2：全局安装vue -cli ：npm install --global vue-cli
步骤3：在构建的地址，vue init webpack 项目名  ，然后输入自己的项目名等信息，如下图
步骤4：npm install -g cnpm --registry=https://registry.npm.taobao.org  安装cnpm 从淘宝镜像安装快捷
步骤5：cnpm i    //下载需要的依赖   也就是 node_modules
步骤6：打包，启动  npm run dev   访问：httplocalhost:8080,出现页面证明构建成功
注意：内网外网的区别，
	外网vue build 选什么都可以，
	内网vue build选成runtime，最后一个可以选成Yes,use npm

使用：
	先解释最初的项目（空项目）：
		build  --构建项目
			build.js  --构建项目的消息
			check-version.js   -- 检查版本
			webpack.base.conf.js --打包以及表明系统的入口(./src/main.js)，过滤
			webpack.base.dev.js --开发环境
			webpack.base.prod.js -- 生产环境
		config --  当前配置
			dev.env.js -- 说明当前的配置
			index.js --启动IP端口的配置，以及静态文件存放地
		node_modules -- 项目依赖
		src -- 源码 
			router -路由（重中之重）  没有需要创建或者看看是不是移到别的地方了
				router.js   --所有的也面跳转，都在这里面配置
			app.vue --项目入口的引入的组件
			main.js  -- 项目的入口main,使得路由生效 （重中之重）
		static -- 静态文件存放地
		package.json --	项目依赖的版本
		index.html  --程序的主入口，最外层的页面

程序流程：index,html（入口） --main.js（注入app.vue） --app.vue---注入别的组件（也就是vue页面）
开发流程：
	步骤1：创建vue组件（login.vue):export default{ name:"login"}
	步骤2：App.vue注入：import login from '/login.vue的路径',
		export default{
			name:"App",
			comments:{login}   //使用 
		}
	步骤3：路由管理 router.js    //项目所有的vue,都需要在这里配置
		import Vue from 'vue'
		import Router from 'vue-router'
	    import Login from '/login.vue的路径' //注入
	    Vue.use(Router )   // 安装路由
	    //配置导出的路由
	    export default new Roter({
	    	routes :[
	    		{     //多个路由，就配{}
	    		 path: '/'  //组件路径
	    		 name:""  //组件名称
	    		 components:Login  //组件
	    		 }
			]
	    })
	步骤4：启动路由 main.js
		在main.js中，注入router.js
		import Router from '/router.js的路径'    //全局注册，否则会报错
		在下面的new vue中，配置路由
		new vue({
			el:'#app'
			router,
			render: h =>h(App)
		)}