1.引号使用:js代码使用单引号,html里使用双引号。
2.使用严格相等号,即===或!==。
3.所有语句使用一致的括号风格。
4.使用一致的缩进,2个空格。
5.变量先定义再使用,尽量避免使用全局变量。
6.代码注释保持一致的风格。
7.尽量使用const或let定义变量,避免使用var。
8.每个语句结尾使用分号。
9.条件判断语句必须放入{}中。
10.jsx里没有子元素的标签使用反斜杠自闭合。
11.对象元素单行时最后一个元素后面不要逗号,多行时最后元素后要加逗号。
12.使用一致的命名风格,驼峰式(Camel-Case)。
// app/styles/config.less
@brandBgColor:#334; //brand背景颜色
@brandColor:#ffffff; //brand字体颜色
@navBgColor:#445; //nav背景颜色
@navColor:#f0f0f0; //nav字体颜色
@menuBgColor:#fff; //menu背景颜色
@menuColor:#333; //menu字体颜色
@standardColor:#ff3e38; //标准对比颜色。菜单栏和头部栏的hover颜色根据这个颜色确定
@headerHeight:45px; //header高度
@footerHeight:40px; //footer高度
@collapseMenuWidth:52px; //收缩菜单宽度
@menuWidth:220px; //菜单宽度
-
创建项目:
$ git clone https://github.com/ahyiru/phoenix-boilerplate.git
-
安装依赖:
$ yarn install 或 npm i 或 cnpm i
-
运行项目:
$ npm(yarn) start //默认端口8080
-
打开浏览器,访问: http://localhost:8080/
-
安装
yrui-init
:$ npm install -g yrui-init
-
创建项目:
$ yrui-init appName
-
安装依赖:
$ cd appName && yarn install
-
运行项目:
$ npm start