你可以访问 http://www.plcent.com 查看效果
- bower 进行包管理
- gulp 自动化构建
- express 本地服务
-
angular 基础框架
-
angular-ui-router 页面路由
-
angular-animate 页面动画
-
angular-translate 国际化支持
-
angular-bootstrap 常用指令库
-
oclazyload 实现模块化加载
-
normalize-css 统一浏览器样式
-
bootstrap 样式库
╔ bin
╠ bower_components
╠ dist 打包好的项目
╠ modules 各个模块
╠ node_modules
╠ public 公共js/css/img
╠ routes express 路由
╠ views 页面视图
╠ .gitignore
╠ app.js
╠ bower.json
╠ favicon.ico
╠ gulpfile.js 自动化构建
╠ package.json
╚ README.md
上述目录结构是使用express自动生成的目录结构,也是要express本地起的服务来开发项目
最后把
views
下,public
下以及modules
下的文件打包到dist目录下
- 上线打包使用cdn代替本地访问
发布前,请先编译输出包文件
gulp build
cd ./projectDir
- 安装依赖
npm run init
- 起服务
npm run start
3.访问
- 服务器上,只需要把
dist
目录设置成站点根目录即可
- 启动API
cd ./projectDir/api
- 起服务
npm run start
- 访问 服务启动在4000端口