如何利用vue-cli 快速创建vue项目

首先确保已经安装成功vue-cli，没有的话在命令行敲 npm install --global vue-cli

创建一个基于webpack 模板的项目

如 vue init webpack test

之后会出现：

项目代码结构介绍

test根目录

.babelrc：语法解析器

.editorconfig：一些编辑器设置

.eslintignore：可忽略检查的文件

.eslintrc：代码检查规范

.gitgnore：提交git是忽略的文件

postcssrc.js：post的扩展

index.html：项目默认模板文件

package-lock.json：帮助确定依赖包的版本号

package.json：项目依赖包，存放开发项目的第三方模块依赖包鸦默雀静

README.md：项目说明文件

static目录：存放静态资源如图片，模拟json数据

src目录：源代码

    main.js：项目入口文件

    app.vue：项目原始根组件

routrer-index.js：存放项目路由

components：存放项目所需组件

asset：存放项目所需图片

config:项目配置文件

基础信息：index

开发版：dev.env

线上版：prod.env

build文件夹：存放webpack配置项

build.js 打包配置项