Vue-cli

作者: 杰森999 | 来源:发表于2017-10-24 21:58 被阅读0次

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

相关文章

网友评论

      本文标题: Vue-cli

      本文链接:https://www.haomeiwen.com/subject/foxfpxtx.html