2.3.0 • Published 6 years ago
vue-spa-template v2.3.0
vue-spa-template
中大型应用,甚至重型应用的首选。一个全功能的vue2全家桶,包括安装、热刷新、js语法检测、单元测试、端对端测试等……
使用
这是一个 SPA ( Single-page application ) 模板项目。用 Vue-cli 来构建。由于是私有项目,所以必须用配置一下 SSH 。建议使用 npm 3+
$ npm install -g vue-cli
$ vue init iq9891/vue-spa-template my-project --clone
$ cd my-project
$ npm install
$ npm run dev
默认是 8080 端口。如果端口 8080 已在您的计算机上使用,您必须更改端口号( /config/index.js
)。否则 npm run dev
会失败。
安装特定版本
Vue-cli 使用该工具 Download-git-repo 下载使用的官方模板。该 Download-git-repo
工具允许您通过在井号( #
)之后提供所需的分支名称来指定给定存储库的特定分支。
- 私有模板或者线上模板
特定官方模板所需的格式为:
$ vue init '<template-name>#<branch-name>' <project-name>
例:
安装 vue-spa-template
模板的 feature-spa-template
分支:
vue init iq9891/vue-spa-template#feature-spa-template test1 --clone
- 本地模板
把 vui-boilerplate 克隆到本地的 url/path 文件夹下。创建 test1
项目。
vue init url/path/vui-boilerplate test1
npm 淘宝镜像
目录结构
.
├── docs/ # 模板项目中的各种说明
│ └── ...
├── template/ # 模板文件夹
│ └── ...
├── .gitignore # git管理控制,文件里面的都不受git控制
├── meta.js # vue init 之后的一些问题配置
└── package.json # 包管理,包括各种依赖,模板生成之后的运行命令……
docs/
这里面关于模板项目的一些说明,包括目录结构,常见问题,线上测试部署。在命令行中运行 npm i -g gitbook
,然后运行 npm run docs
,就可以直接访问 http://localhost:4000 查看文档说明。
template/
这个文件是未来生成出来的模板,里面有很多配置变量。若想fork修改,请参见。
本地调试
npm test
- 自动生成名为 tpltest 的项目
- 安装需要的依赖 (
npm install
) - 语法检测 (
npm run lint
) - 测试,包括端对端测试和单元测试 (
npm test
) - 进行构建 (
npm run build
)