vue项目搭建的步骤

一：全局安装vue-cli脚手架 指令：cnpm i vue-cli -g
测试：vue -V

二：创建项目(vue是运行环境)
1.切到创建项目目录下
2.vue list 显示可用模版列表
3.vue init webpack dou-project 创建项目
注意：vue-router输入yes，vue-router之前直接回车，后面三个输入no，最后上下选择不安装依赖，自己安装。
4.cd dou-project 进入目录
5.cnpm i 安装依赖库
6.npm start启动项目
7.浏览器打开网址

三：项目结构讲解
1.README.md 文档
2.package.json dependencies 是开发和运行依赖， devDependencies是开发依赖
3.index.html 入口文件，运行src会变为js放到里面运行
4.build webpack组件代码的文件夹，不用管
5.config 一些组件配置，关注config/index.js 自动打开浏览器
6.node-modules
7.src源代码目录：assets资源文件，所有资源打包转成js
components 放组件
router/index.js 放路由
APP.vue 根组件
main.js js入口，注意创建vue实例
static 放静态资源，代码通过地址引用