前端开发环境配置,浏览器跨域配置,代码提交配置git等
这是我目前公司的开发配置文档大家可以参考:
前端文档
1 搭建前端环境
1.1 安装nodejs
1.1.1 nodejs下载地址
https://nodejs.org/dist/v10.15.3/node-v10.15.3-x64.msi(win64)
https://nodejs.org/dist/v10.15.3/node-v10.15.3.pkg(mac)
(注: 12版本及以下均可)
1.1.2 node环境变量配置
参考文档 https://www.cnblogs.com/coder-lzh/p/9232192.html
1.1.3 配置淘宝镜像 (可选)
npm config set registry https://registry.npm.taobao.org
1.1.4 安装cnpm, yarn (可选)
npm install -g cnpm -registry=https://registry.npm.taobao.org
npm install -g yarn
1.1.5 安装nvm(可选, 切换node版本)
1.2 安装代码编辑器(可选, 不要使用盗版软件, 建议使用vscode)
1.2.1 WebStorm下载地址
WebStorm(2018.1.1版本)下载地址:
https://download.jetbrains.com/webstorm/WebStorm-2018.1.1.exe
https://download.jetbrains.com/webstorm/WebStorm-2018.1.1.dmg
破解补丁下载地址:
https://www.aliyundrive.com/s/oLn3p8xZf3Z
汉化插件参考(可选)
https://jingyan.百度.com/article/d5c4b52bb21b8dda560dc501.html
1.2.2 安装与破解
● 双击安装, 安装完成后不要运行
● 将JetbrainsCrack-2.7-release-str.jar文件复制到webstorm的安装目录的bin目录下
- 找到bin目录下的webstorm.exe.vmoptions和webstorm64.exe.vmoptions这两个文件,分别通过记事本打开,在这两个文件的末尾都加上-javaagent:E:\WebStorm 2018.1.1\bin\JetbrainsCrack-2.7-release-str.jar这句代码,注意其中E:\WebStorm 2018.1.1\bin这个路径是你在自己的电脑上安装webstorm的路径,而并非一定是我的这个路径,修改完之后,记得保存文件
- 重启webstorm,将刚刚加入到那两个文件中的哪一行代码-javaagent:E:\WebStorm 2018.1.1\bin\JetbrainsCrack-2.7-release-str.jar复制到Activation code中就OK了
1.3 Chrome安装与跨域配置
1.3.1 chrome下载
使用90版本或者之前的版本
1.3.2 跨域配置
1.3.2.1 强制跨域
以强制跨域方式打开Chrome浏览器,强制跨域方法见详见此文https://jingyan.百度.com/article/148a1921c9dbf24d71c3b11f.html
1.3.2.2 cookie设置
打开chrome浏览器, 输入chrome://flags/, 搜索cookies, 找到SameSite by default cookies和Cookies without SameSite must be secure两项, 设置为disabled, 重启浏览器即可
1.3.3 配置hosts文件(推荐, 高版本浏览器也可使用)
● 127.0.0.1 dev01-local.iccec.cn
● 127.0.0.1 test01-local.iccec.cn
● 127.0.0.1 uat01-local.iccec.cn
● 127.0.0.1 local.iccec.cn
2 常用工具准备
2.1 git
2.1.1 下载地址
https://git-scm.com/download/win
https://git-scm.com/download/mac
2.1.2 使用文档
使用教程 https://juejin.cn/post/6974184935804534815
异常处理 https://www.infoq.cn/article/TyhfN89z02pqiz4hBllh
2.2 sourceTree (可选)
使用说明详见https://blog.csdn.net/m0_46156566/article/details/126124862
本文参考:https://www.yuque.com/zhumoshimowangzhu/uhm5mo/qdfwu2?
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgafjfa
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01