Vue-cli

地址：https://github.com/vuejs/vue-cli
安装
安装Vue-cli
npm install -g vue-cli
1

安装成功之后，可以执行vue list命令查看：

image.png

举例出了我们可以用的哪些模板。
然后我们来安装webpack模板
vue init webpack sell

sell 是我们项目名称。

这里写图片描述

可以一直回车（我这里最后2个选择的no）.
执行完后，我们会发现多了一个名为sell

的文件夹，目录结构如下图：

这里写图片描述

继续执行
cd sellnpm install

1
2

安装所需要的依赖. 安装完依赖之后项目目录结构变化如下图：

这里写图片描述

(多了一个node_modules
目录)
然后其他服务，执行
npm run dev
1

这里写图片描述

浏览器打开： http://localhost:8080/#/

这里写图片描述

项目目录结构介绍

这里写图片描述

.babelrc
babel配置文件，把我们ES2105的代码通过它编译成ES5的。 .editorconfig
编辑器配置 .eslintignore
忽略语法检查的目录文件配置 .eslintrc.js
eslint的配置文件 .gitignore
配置git仓库的忽略 index.html
项目入口模板文件 package.json
node配置文件