如何开发一个新项目

第一步：基于template创建项目

# 创建单页应用
$ vue init guangzhoushanyougame/template-spa myproject

# 创建服务端渲染应用
$ vue init guangzhoushanyougame/template-ssr myproject

# 创建静态页面应用
$ vue init guangzhoushanyougame/template-static myproject

注：24好玩的template都是依赖于vue-cli来创建的，因此需先安装vue-cli

# 全局安装vue-cli
$ npm install vue-cli -g

第二步：开发你的应用

在开发之前，先安装依赖：

# 安装依赖
$ npm install
# 或者
$ yarn

# 如果你希望使用 24好玩 前端共用库，可以选择安装
# 1. 24好玩 基础库
npm run lib-base
# 2. 24好玩 IO 库
npm run lib-store

# 运行开发版本
$ npm run dev

第三步：测试

# 运行测试脚本
$ npm run test

第四步：打包部署

# 运行部署脚本
$ npm run deploy

Q&A：

1. 独立的项目如何上传资源到 CDN？

使用 24好玩前端工具库中的 upload-2-cdn.standalone.js 脚本在本地上传 CDN。

备注：确保 Node 版本在 v7.7.0 以上。

步骤：

1. 单独下载 upload-2-cdn.standalone.js 到一个合适的目录（例如 project_root/tasks/）
2. 在 upload-2-cdn.standalone.js 的同级创建 cdn.config.js
3. 修改 cdn.config.js 中的配置
4. 在项目中（或 project_root/tasks）安装 co, glob, ali-oss

   yarn add co glob ali-oss -D
   # or
   npm install co glob ali-oss -D
   

5. 运行 upload-2-cdn.standalone.js 脚本

   node path/to/upload-2-cdn.standalone.js
   

6. 完成！访问：static.cdn.24haowan.com/path/to/file 来访问 CDN 中的文件