vue脚手架创建

第一步:确保本地已经安装了nodejs
第二步:全局安装vue-cli

npm install -g vue-cli

第三步:初始化项目、安装依赖

vue init webpack travel(项目名称)

第四步:启动项目

cd travel
npm run dev

第五步:项目目录讲解

目录讲解

README.md --项目说明包
package.json -- 存放依赖包
package-lock.json -- package锁文件 确定第三方包的版本
LICENSE -- 开源协议的说明
.postcssrc.js -- postcss的配置文件
.gitignore -- 配置不需要上传的文件
.eslintrc.js -- 配置了一些代码的规范
.eslintignore -- 这里面的配置项不受.eslintrc.js的检测
.editorconfig -- 编辑器的配置项
.babelrc -- 语法解析器配置项  将vue转换成浏览器能执行的代码
static -- 存放静态资源
src -- 整个项目的源代码
    mian.js  ---  整个项目的入口文件
    App.vue -- 整个项目的根组件
    router  -- 存放整个项目的路由
    components  --- 存放项目用到的小组件
    assets -- 存在项目的图片
config -- 存在项目的配置信息
build -- 放的是项目webpack 打包的一些配置信息