前端开发环境配置,浏览器跨域配置,代码提交配置git等

news2025/1/16 8:20:53

这是我目前公司的开发配置文档大家可以参考:

前端文档

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.baidu.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.baidu.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?

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/379046.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

查询性能较 Trino/Presto 3-10 倍提升!Apache Doris 极速数据湖分析深度解读

从上世纪 90 年代初 Bill Inmon 在《building the Data Warehouse》一书中正式提出数据仓库这一概念,至今已有超过三十年的时间。在最初的概念里,数据仓库被定义为「一个面向主题的、集成的、相对稳定的、反映历史变化的数据集合,用于支持管理…

Python排序 -- 内附蓝桥题:错误票据,奖学金

排序 ~~不定时更新🎃,上次更新:2023/02/28 🗡常用函数(方法) 1. list.sort() --> sort 是 list 的方法,会直接修改 list 举个栗子🌰 li [2,3,1,5,4] li.sort() print(li) …

New Bing怼人、说谎、PUA,ChatGPT已经开始胡言乱语了

最近,来自大洋彼岸那头的ChatGPT科技浪潮席卷而来,微软将chatGPT整合搜索引擎Bing开启内测后,数百万用户蜂拥而至,都想试试这个「百事通」。 赶鸭子上架,“翻车”了? 但短短上线十几天,嵌入了…

5个开源的Java项目快速开发脚手架

概览 : GunspigRuoYiJeecg-bootiBase4J 一、Guns 推荐指数 :⭐⭐⭐⭐⭐ 简介 采用主流框架 : 基于 Spring Boot2.0版本开发,并且支持 Spring Cloud Alibaba 微服务。功能齐全 :包含系统管理,代码生成&a…

python线程池【ThreadPoolExecutor()】批量获取博客园标题数据

转载:蚂蚁学python 网址:【【2021最新版】Python 并发编程实战,用多线程、多进程、多协程加速程序运行】 https://www.bilibili.com/video/BV1bK411A7tV/?p8&share_sourcecopy_web&vd_sourced0ef3d08fdeef1740bab49cdb3e96467实战案…

SpringMVC 面试题

1、什么是SpringMVC? SpringMVC是一个基于Java的实现了MVC设计模式的“请求驱动型”的轻量级WEB框架,通过把model,view,controller 分离,将web层进行职责的解耦,把复杂的web应用分成逻辑清晰的几个部分&am…

Arduino-PWM调光

PWM调光实验什么是PWM?PWM是(Pulse Width Modulation)的简称,中文我们说这是脉冲宽度调制。脉冲宽度调制是一种模拟控制方式,根据相应载荷的变化来调制晶体管基极或MOS管栅极的偏置,来实现晶体管或MOS管导通…

react 函数式组件的hooks

目录 useState useEffect useCallback useMemo useRef useContext useReducer 自定义hooks useState 函数式组件的状态 ,格式: const [value,setValue] useState( {xxxx} ) console.log([value, setValue])打印一下可以看到: value…

腾讯安全与锐捷网络战略合作,威胁情报能力“被集成”

2月28日,腾讯安全和锐捷网络在北京联合举办“威胁情报”战略合作发布会。双方发布了一款集成了腾讯安全威胁情报的新一代防火墙,并举办战略合作签约仪式。会上,锐捷网络安全产品事业部总经理项小升、腾讯安全总经理陈龙代表双方签署战略合作协…

taobao.user.avatar.get

¥开放平台基础API不需用户授权 根据混淆nick查询用户头像 公共参数 请求地址: HTTP地址 http://gw.api.taobao.com/router/rest 公共请求参数: 公共响应参数: 点击获取key和secret 请求参数 请求示例 TaobaoClient client new DefaultTaobaoClient(url, appkey,…

MyBatis中#{}和${}的区别

目录 前言 1、处理参数的方式不同 2、${}的优点 3、SQL注入问题 4、like查询问题 前言 #{}和${}都可以在MyBatis中用来动态地接收参数,但二者在本质上还是有很大的区别。 1、处理参数的方式不同 ${} :预编译处理 MyBatis在处理#{}时&#xff0c…

【Android】全局加载框的使用

项目需求 在网络加载中使用网络加载框,在请求数据或者其他耗时操作的时候,显示加载框,当数据返回之后或者操作完成的时候加载框取消。 效果如下: 需求实现 使用一个开源库【Gloading】实现 项目地址链接: Gloading 1.引入依赖…

umi 中如何使用 px2rem 插件做rem适配

umi 中如何使用 px2rem 插件做rem适配在umi的src下面创建两个文件app.ts和document.ejs下载lib-flexible和postcss-px2rem-exclude在.umirc.ts文件中进行配置和postcss-px2rem-exclude的引入在app.ts文件中引入lib-flexible如果px2rem配置无法生效,那么我们就要在do…

Javascript的API基本内容(五)

一、js组成 JavaScript的组成 ECMAScript: 规定了js基础语法核心知识。 比如:变量、分支语句、循环语句、对象等等 Web APIs : DOM 文档对象模型, 定义了一套操作HTML文档的API BOM 浏览器对象模型,定义了一套操作浏览器窗口的API 二、loc…

JavaScript从零开始 学习记录(二)

前言 寒假花了大气力去整理公众号,因而一些任务没有完成,但没有关系,毕竟计划赶不上变化,接着学习,争取早日开发油猴脚本 笔记范围 从这节视频到那节视频结束 课程目标 能够知道为什么要有数组能够创建数组能够获…

“来源可靠、程序规范、要素合规”与“四性”

《从技术可行性的视角看电子档案的“四性”》一文中已经明确,笔者认为的电子档案“四性”是指“真实性、完整性、可用性和安全性”。而《从特斯拉“刹车失灵”事件看电子档案的法定要求》一文中,笔者对于“来源可靠、程序规范、要素合规”的解读如下&…

Qt基础之三十:百万级任务并发处理

在实际的开发过程中,经常会遇到要处理大量任务场景,比如说压缩文件夹中的所有文件、对文件夹中的所有文件加密、上传文件夹中的所有文件到ftp等等。这里说百万级并不夸张,理论上文件夹中有任意多个文件都是可以的。 本文以压缩文件夹中的100万张jpg图片为例,压缩工具使用的…

外卖扫码点餐系统源码 后台管理端+商家端+门店端+小程序用户端源码

外卖点餐 堂食点餐 扫码点餐 本套扫码点餐系统源码基于java语言开发,移动端原生小程序,SaaS模式。代码完整,带部署调试视频。 系统由总后台管理端商家端门店端小程序用户端组成,支持扫码点单、计费结账、出菜上菜、菜品管理、菜…

【办公类-19-02】办公中的思考——Python批量制作word文本框的名字小标签,用A4word打印(植物角、家长会、值日生)

背景需求: 2月28日去小班带班,看到班主任制作了一些小手印花束作为家长会的家长座位提示,上面贴着“”圆形白色的幼儿名字贴”。 我立刻想起了制作的过程——在word中插入文本框,然后复制无数个文本框,摆好位置&#…

【AI绘画】绝美春天插画,人人都是插画师

春天,自然界重新苏醒,生机勃勃,百花争艳,万籁俱寂。一切都被新的生命活力所染上。春风拂面,一股清新的空气流过,仿佛带着一种神秘的力量,让人心旷神怡,心情舒畅、轻松愉悦。 突然&a…