Amaze UI Starter Kit 是一个使用 Webpack、NPM 构建的前端开发工作流。通过该工作流,用户可以很方便地使用 Amaze UI 进行开发。
使用 Gulp + Browserify 版本见 browserify
分支。
安装完 Node.js 以后,打开命令行窗口:
- 输入
node -v
,应该显示类似v4.4.5
的 Node.js 版本号; - 输入
npm -v
,应该显示类似2.15.5
的 NPM CLI 版本号。
如果以上信息没有正常显示,说明 Node.js 安装过程中遇到问题了。至于是要设置环境变量还是怎么的,请自行问度娘或股哥。
可以通过两种方式:
- 使用 Git:
git clone https://github.com/amazeui/starter-kit.git
- 直接下载压缩包:点击下载
Clone 完成(或者下载解压后)得到以下目录结构:
├── README.md
├── app // 项目源文件目录
│ ├── humans.txt
│ ├── i // 图片
│ ├── index.html
│ ├── js // JS
│ ├── less // Less
│ ├── manifest.json
│ ├── manifest.webapp
│ └── robots.txt
├── dist // 构建目录
├── serve.js // 开发服务器
├── webpack.config.js // Webpack 配置
└── package.json // 项目依赖等信息
在项目目录下执行 npm install
,安装开发依赖。
任务说明:
npm start
启动开发、预览服务npm run build
构建生产环境版本npm run start-prod
构建生产环境版本并预览