前端项目工作流程
- 创建项目文件夹
- 把他作为一个新的仓库进行代码管理(可以基于$ git clone 把远程仓库克隆下来即可)
- 初始化模块配置清单package.json : $ npm init -y
- 安装所需要的模块: $ npm i jquery bootstrap@3 less …
- 正常开发。
- 开发中:可能需要在本地配置命令去完成一些功能(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中的依赖项信息,把缺失的模块都安装一遍。
-
添加 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 正常安装