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配置文件

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容