使用vue-cli初始化项目

一、首先安装node与npm
查询node的版本
node -v
查询npm的版本
npm -v
二、安装vue-cli
1、命令

	npm install -g vue-cli
	```
安装后可用vue -V 查看版本
三、初始化项目
```vue init webpack myvue //myvue 是项目名

cd myvue 进入创建的项目

启动脚手架

npm run dev

点击链接访问成功
三、目录说明

build/          // 项目构建(webpack)相关代码 
    build.js       // 生产环境构建代码
    check-versions.js // 检查node&npm等版本
　　logo.png           //vue logo
    utils.js          // 构建配置公用工具
    vue-loader.conf.js // vue加载器
    webpack.base.conf.js // webpack基础环境配置
    webpack.dev.conf.js //  webpack开发环境配置
    webpack.prod.conf.js // webpack生产环境配置
config/           // 项目开发环境配置相关代码   
    dev.env.js    // 开发环境变量（看词明意）
    index.js       //项目一些配置变量
    prod.env.js    // 生产环境变量
    test.env.js     // 测试环境变量
    
dist/      //npm run build打包后生成的文件夹
node_modules/
    ...     // 项目依赖的模块 
src/            // 源码目录       
    assets/         // 资源目录 
        logo.png
    components/         // vue公共组件
       
    router/             // 前端路由
        index.js// 路由配置文件
    store/                          // vuex的状态管理
    App.vue  // 页面入口文件（根组件）
    main.js  // 程序入口文件（入口js文件）    
static       // 静态文件，比如一些图片，json数据等
    .gitkeep    //这个里面的gitkeep是这个目录为空，也可以把这个目录提交的git仓库里面，因为通常一个空目录是不能提交git仓库里面的
    
.babelrc// ES6语法编译配置
.editorconfig// 定义代码格式
.gitignore// git上传需要忽略的文件格式
index.html// 入口页面
package.json// 项目基本信息
README.md// 项目说明