前端项目环境的搭建

一、下载并且安装Node(不安装node,就安装nvm。nvm安装教程):

1.官网下载Node:https://nodejs.org/en/

2.测试nodejs安装是否成功:

windows powerShell中输入node -vnpm -v,看到版本号就代表安装成功。
tips:windows powerShell打开:win+r -> 输入 cmd
在这里插入图片描述


二、安装git:

1、安装git:Git - Downloads

2、判断git是否安装成功:

方法一: 在windows powerShell中输入git -v
在这里插入图片描述
方法二: 在有git仓库的文件夹目录下鼠标右键 --> 显示更多选项 中看到红框的命令
在这里插入图片描述

三、配置ssh:

1、获取ssh:

键入命令:ssh-keygen -t rsa -C "email@email.com"
tips:"email@email.com"是 github/gitlab等需要拉取分支的 账号
一直回车即可。
在这里插入图片描述

2、配置ssh:

① 在C:\Users\Administrator.ssh下产生两个文件:id_rsaid_rsa.pub
② 用记事本打开id_rsa.pub文件,复制内容

③ 在github.com(或者需要拉取文件的网站)上到ssh密钥管理页面,添加新公钥,取个名字,内容粘贴刚才复制的内容。

在这里插入图片描述

四、拉取代码:

1、在 windows powerShell中拉取远程的代码:git clone master ssh或者https链接

在这里插入图片描述

2、进入到目录中:cd 文件名称

3、新建分支:git checkout -b 分支名称

4、将本次分支的内容放在远程分支上:

git add . git commit -m '推送的注释' git push —set-upstream origin 分支名称

5、项目运行或者安装依赖:npm i 或者使用cnpm或者yarn

① 安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org
② 解决 cnpm 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本:

以管理员身份运行power shell
输入set-ExecutionPolicy RemoteSigned,然后输入回车,问题解决

五、编辑器配置(我使用的是vscode):

1、插件安装:

① 主题:Brackets Light Pro -》 https://github.com/EryouHao/brackets-light-pro
② 汉化:Chinese (Simplified) Language Pack for Visual Studio Code
③ 颜色高亮和图片预览:Color HighlightImage previewopen in browser
④ 编译:Debugger for Chormeopen in browserLive Server (Five Server)
⑤ Html+Css:Easy LESSEasy Sasslanguage-stylusBeautify css/sass/scss/lessHighlight Matching TagHTML CSS Support
⑥ Git:GitLens — Git superchargedGit History
⑦ JS:JavaScript(ES6) code snippetsJavaScript Snippet Pack
⑧ 文件Icon:VSCode Great IconsMaterial Icon Theme
⑨ 代码行样式:indent-rainbow
⑩Vue:VeturVue 3 Snippets
⑪引入包大小: Import Cost
⑫代码自动补全:Auto Rename TagAuto Close Tag

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

从原理和公式出发:python实现One_Way_ANOVA

文章目录 目的:python实现one way ANOVA 单因素方差分析1. 代码流程2. python代码实现0 主要的函数1 加载数据2 查看数据统计结果3 数据处理及可视化4 方差分析4.1 模型拟合4.2 单因素方差分析 5 Post Hoc t-test组间比较分析6 根据定义自行分解计算对比调用函数的结…

从零开始:打造自己的抖音核销工具小程序

对于商家而言,如何高效核销活动中的抖音优惠券成为一项挑战。在这篇文章中,我们将探讨如何从零开始,打造一个个性化、高效的抖音核销工具小程序。 第一步:明确需求和目标 在动手之前,我们需要明确自己的需求和目标。…

CAD精品Eyeshot Fem 2023.3.630 -2023-11-05 Crack

2023.3.630 更新25天前 分享 跟随还没有人关注 改进的 Brep.TransformBy() 方法修复了工具栏内存泄漏修复了 glTF 材质导出期间的异常改进了 glTF 材质金属粗糙度设置修复了渐进式绘图和剪辑平面的错误在 Workspace.UseShaders 属性设置器中添加了缺少的 RenderContext.MakeCur…

JavaScript 的发展史你真的了解吗?

在不断发展的软件开发领域中,很少有编程语言像 JavaScript 一样产生深远的影响。它起初只是一种简单的脚本语言,但如今已成为现代 Web 的驱动力量,改变了应用构建和体验的方式。本文将带你沿着时间线,穿越 JavaScript 的演进历程&…

ffmpeg开发 环境配置

ffmpeg开发简图 1 下载ffmpeg开发包 https://ffmpeg.org/download.html 包含三个版本:Static、Shared以及Dev Static --- 包含3个应用程序:ffmpeg.exe , ffplay.exe , ffprobe.exe,体积都很大,相关的DLL已经被编译到exe里面去…

ClassCMS2.4漏洞复现

ClassCMS2.4漏洞复现 环境搭建 任意文件下载漏洞复现 漏洞成因 ClassCMS2.4漏洞复现 CMS源码在附件中 环境搭建 使用phpstudy2016搭建web环境,php版本为5.5 安装CMS 这里选择Mysql数据库进行安装 用户名和密码都写默认的admin方便记忆 输入完成后点击安装 点…

Redis学习文档

目录 一、概念1、特征2、关系型数据库和非关系型数据库的区别3、键的结构4、Redis的Java客户端5、缓存更新策略5.1、概念5.2、代码 6、缓存穿透6.1、含义6.2、解决办法6.3、缓存空值代码举例6.4、布隆过滤器代码举例 7、缓存击穿7.1、概念7.2、解决办法7.3、互斥锁代码举例7.4、…

P28 C++ 对象的生存周期(栈的作用域生存周期)

前言 本期的主题是栈作用域中对象的生存期,通俗来讲,就是讨论对象是如何在栈上生存的。 这章内容整体分为两部分。 第一部分是,你必须理解栈上的东西是如何存在的,这样你才能真正写出能正常工作的代码。第二部分是,一…

防火墙补充NAT

目录 1.iptables保存规则 2.自定义链 3.NAT NAT的实现分为下面类型&#xff1a; SNAT实验操作 DNAT实验操作 1.iptables保存规则 永久保存方法一&#xff1a; iptables -save > /data/iptables_rule //输出重定向备份 iptables -restore < /data/iptables_r…

修复尺寸显示操作说明

有时我们在绘制草图/工程图中标注尺寸时会显示<MOD-DIAM>符号&#xff0c;如下图所示&#xff1a; 此符号通常在SolidWorks软件更新后会显示出来&#xff0c;Windows更新后可能也会出现此符号。 解决方法&#xff1a; 1. 打开软件-系统选项-文件位置-符号图库文件 2. 选…

MybtisPlus快速开发(从controller到mapper)

创建新项目 写好配置文件 server:port: 8905#配置MP控制台打印日志 mybatis-plus:configuration:log-impl: org.apache.ibatis.logging.stdout.StdOutImplspring:datasource:type: com.zaxxer.hikari.HikariDataSourcedriver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:m…

行情分析——加密货币市场大盘走势(11.30)

大饼已经形成了底背离&#xff0c;即MACD往下走&#xff0c;而价格还在往上走&#xff0c;这种往往后续会大跌。我们继续把空单拿好&#xff0c;已经持仓的无需加仓。多次上涨都一直不能突破&#xff0c;也说明多空和空军力量都很强&#xff0c;等待后续出方向&#xff0c;而笔…