前端项目环境的搭建

一、下载并且安装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

相关推荐

  1. 前端Vue2项目过程

    2023-12-05 15:10:34       13 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-05 15:10:34       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-05 15:10:34       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-05 15:10:34       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-05 15:10:34       20 阅读

热门阅读

  1. github / gitlab s申城 配置密钥 ssh key

    2023-12-05 15:10:34       33 阅读
  2. 前端知识笔记(三十二)———TCP 连接建立

    2023-12-05 15:10:34       28 阅读
  3. Kafka数据同步原理详解

    2023-12-05 15:10:34       38 阅读
  4. Kafka与Spring Boot等应用框架的集成及消息驱动模型

    2023-12-05 15:10:34       30 阅读
  5. 第3章 网页数据的解析提取

    2023-12-05 15:10:34       31 阅读
  6. 杨辉三角

    2023-12-05 15:10:34       40 阅读
  7. 使用 anasible 搭建一个多 master 多 worker 的 k8s 集群

    2023-12-05 15:10:34       30 阅读