现代前端开发流程

(测试中,流程较为麻烦,未来将会修改)

安装依赖环境(只需要安装一次)

安装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用户右键左下角开始按钮,选择“命令提示符(管理员)”),输入以下命令并回车。等成功后,关闭窗口。

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

移植现有主题

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

下载文件:

都放到compile文件夹下。

打开终端(Windows用户按下Win+R,输入cmd并回车),进入到你的主题目录/compile文件夹下。Windows用户请输入以下命令并回车。

cd /d "你的主题目录\compile"

第一次使用的时候,需要先运行以下命令,安装依赖:

cnpm install

启动项目

在终端里,输入

npm run watch
即可自动更新你的代码,输入
npm run production
可打包并压缩,准备发布。

约定

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

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

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

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