前端项目开发环境搭建

最近项目组需要找cp做一个oa系统，但是为了统一环境，需要用到外部的一些资源，这里整理一下，使用的到的环境，和前端编码规范。

git配置和安装

linux 下yum安装的git 版本只到1.8.3 为了使用新特性需要使用源码安装。
安装步骤如下

1. 安装依赖

 yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel
 yum install  gcc perl-ExtUtils-MakeMaker

2 下载git的新版本源码包

wget https://github.com/git/git/archive/v2.16.3.tar.gz

3 解压编译安装

tar zxvf  v2.16.3.tar.gz
cd v2.16.3

make  prefix=/usr/local/git all
make  prefix=/usr/local/git install

4 查看安装版本

git -version

5 添加到环境变量

vim /etc/profile
export PATH=$PATH:/usr/local/git/bin
source /etc/profile

到此git仓库软件安装成功了

项目配置

git配置

git配置有三个层级

• 全局配置 /etc/gitconfig --system
• 用户基本配置 ~/.gitconfig --global
• 项目级别的配置 .git/config

本项目用到的第三方仓库，为了不影响全局的配置，我们的git仓库配置都是采用项目级别的配置

1. 开始创建参考

git init

2. 配置项目的git用户和邮箱帐号

git config user.name xxxxx
git config user.email [email protected]

3 提交远程参考 （本项目用coding.net 提供的项目管理）
需要先配置一下ssh，公钥和私钥对

git remote add origin [email protected]:cendechen/oaweb.git

4 其他git操作命令详细请见git操作文档

开发工具

作者喜欢使用 sublime text 加插件

技术栈

web页面	web后端	脚手架	UI
vue/vue-router/vuex	koa, mysql, redis	webpack	暂定iview

前端开发实例和代码规范

• 统一采用ES6编码
• 代码检测使用eslint代码检测（稍后提供下载配置文件）
• 缩进tab键，是2个空格
• 命名规范，全部采用驼峰命名方式
• css命名规范 BEM （Block Element Modifier）
• 采用vue全栈组件化开发

前端用到的git 文档

git

1. 先注册帐号
2. 联系我添加成员到项目中