==== 现代前端开发流程 ====

（测试中，流程较为麻烦，未来将会修改）

=== 安装依赖环境（只需要安装一次） ===
== 安装Nodejs ==

Linux / macOS用户请自行搜索，这里仅对Windows小白用户做出指导。

64位系统下载：https://npm.taobao.org/mirrors/node/latest/node-v8.4.0-x64.msi

32位系统下载：https://npm.taobao.org/mirrors/node/latest/node-v8.4.0-x86.msi

一路next即可安装。

== 安装 cnpm（国内推荐） ==

以管理员权限打开终端（Windows用户右键左下角开始按钮，选择“命令提示符（管理员）”），输入以下命令并回车。等成功后，关闭窗口。

<code>npm install -g cnpm --registry=https://registry.npm.taobao.org</code>


=== 移植现有主题 ===

打开你的主题目录，新建文件夹“compile”（如果已有，删除它重建），把 template 文件夹改成 php 。把 style、script、php 三个文件夹移动到 compile 目录下。

下载文件：
  * https://raw.githubusercontent.com/zblogcn/zblogphp/a0ebcf88f5ff523282570c2ae41472c03c2acda5/zb_users/theme/default/compile/package.json
  * https://raw.githubusercontent.com/zblogcn/zblogphp/a0ebcf88f5ff523282570c2ae41472c03c2acda5/zb_users/theme/default/compile/webpack.mix.js
都放到compile文件夹下。

打开终端（Windows用户按下Win+R，输入cmd并回车），进入到你的主题目录/compile文件夹下。Windows用户请输入以下命令并回车。
<code>cd /d "你的主题目录\compile"</code>

第一次使用的时候，需要先运行以下命令，安装依赖：
<code>cnpm install</code>。

=== 启动项目 ===

在终端里，输入<code>npm run watch</code>即可自动更新你的代码，输入<code>npm run production</code>可打包并压缩，准备发布。

=== 约定 === 

script文件夹下，存放着JavaScript代码。入口文件为app.coffee或app.js。

style文件夹下，存放着CSS代码。入口文件为app.scss、app.less与app.styl。所有Sass、Less、Stylus文件均会被打包到app.css文件内，所有.css文件保持原样不动。

php文件夹下，存放着模板文件。支持Pug(Jade)和裸写PHP。

暂不支持热更新以及自动刷新，未来会支持。