04-前端项目工作流程

前端项目工作流程

---

1. 创建项目文件夹
2. 把他作为一个新的仓库进行代码管理(可以基于$ git clone 把远程仓库克隆下来即可)
3. 初始化模块配置清单package.json : $ npm init -y
4. 安装所需要的模块: $ npm i jquery bootstrap@3 less …
5. 正常开发。
6. 开发中：可能需要在本地配置命令去完成一些功能(LESS文件编译，此时需要配置npm可执行命令)

"scripts" :{
	"less" : "lessc index.less index.css -x",   -x 压缩文件
    "xxx" : "xxx"
}

​ 需要编译的时候，执行 $ npm run xxx

​ …

​ 7.开发中基于 git 把文件进行管理 : 生成对应的历史版本

​ 提交到暂存区 历史区 远程仓库的时候，项目中很多文件是无需处理和提交的

​ 例如 : node_modules || .idea || 不需要提交的，生成一个 .gitignore 忽略文件

​ 用编辑器生成 .gitignore 添加以下不需要提交项目的名称

# dependencies
node_modules

# testing
/coverage

# production
/build

# misc
.DS_Stroe
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*

# webStorm
.idea

​

​8. 由于每次提交 .git 的时候， 我们都不去提交 node_modules , 所以团队协作开发中，我们每当拉下来程序后，都需要 “ 跑环境 ” 执行 $ npm install , 按照项目中的 package.json中的依赖项信息，把缺失的模块都安装一遍。

9. 添加 nrm 镜像

   1. npm install nrm -g   ||  yarn add 
   2. nrm ls   查看源
   

   

   3. nrm use  taobao   切换到淘宝
   4. npm i    正常安装
   5. nrm use  taobao   切换到淘宝
   6. npm i    正常安装