node -v
npm

vue-cli
cnpm install --global vue-cli

vue init webpack myproject

- Project name: 项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。
- Project description: 项目描述，直接回车
- Author：作者
- vue build: 构建方式 默认即可
- install vue-router? 是否安装vue的路由插件

- Use ESLint to lint your code? 是否使用ESLint检测你的代码？
	（ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。）
	
- Pick an ESLint preset:选择分支风格
	1.standard(https://github.com/feross/standard) js的标准风格
	2.Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法，这个github	地址说是JavaScript最合理的方法
	3.none (configure it yourself) 自己配置
	
- Setup unit tests? 是否安装单元测试
- Pick a test runner 选择一个单元测试运行器
	1.Jest（Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架）
	2.Karma and Mocha
	3.none
	
- Setup e2e tests with Nightwatch(Y/n)?是否安装E2E测试框架NightWatch
	（E2E，也就是End To End，就是所谓的“用户真实场景”。）
	
- Should we run ‘npm install‘ for you after the project has been created?
项目创建后是否要为你运行“npm install”?
	yes,use npm(使用npm)
	yes,use yarn(使用yarn)
	no,I will handle that myself(自己操作)

cd myproject # 进入目录
cnpm install # 安装依赖
cnpm run dev # 开启服务

- src # 主开发目录，所有的单文件组件都会放在这个目录下
- static # 项目静态目录，所有的css、js都会放在这个文件夹下
- dist # 项目打包发布文件夹，最后要上线单文件夹项目都在这个文件夹中
- node_modules # node的包目录
- config # 配置目录，主要用于区分开发环境，测试环境，线上环境的不同
- build # 项目打包时依赖的目录

<teamplate>
    <div class="" @click="">
        <label>
        	账号
            <input type="text">
        </label>
    </div>
</teamplate>

// 使用export default命令，为模块指定默认输出
export default{
    data: function(){
        return {
            name:"张三",
            age:16,
        }
    }
}

<style scoped>
.beauty{
    width:100px;
    line-height:50px;
    border-bottom:1px solid #ddd;
    margin:0px auto;
}
</style>

import Vue from ‘vue‘
import Router from ‘vue-router‘
import HelloWorld from ‘@/components/HelloWorld‘
import first from ‘@/components/first‘ // 从组件目录下导入组件文件，不需要加后缀
import index from ‘@/components/index‘

Vue.use(Router)

export default new Router({
  mode: ‘history‘,
  routes: [
    {
      path: ‘/‘,
      component: index,
    },
    {
      path: ‘/first‘, // 访问路径
      component: first
    }
  ]	
})

<template>
  <div id="app">
    <router-link to="/">首页</router-link>
    <router-link to="/first">第一个页面</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
</script>

<style>
</style>