搭建前端开发环境

如何搭建前端开发环境
1.安装Noda.js
(1)nodejs和yarn都安装完了后运行以下命令看是否安装成功了,命令行推荐使用Windows cmd
(2)使用npm可以使用以下命令来配置全局安装位置和缓存位置, 注意把位置改成自己想要的

2.安装一款编辑器(Vistual Studio Coda)
(1)安装后可以在Vistual Studio Coda商城里安装Chinese Language Pack for VS Coda(简体中文语言包)
(2)同时需要在商城安装Frontend Extension Pack(前端插件包)
提示:如果Vistual Studio Coda版本过低,下载前端插件包则提醒,版本过低,不能兼容,前端 插件包则不能成功下载,则需要在菜单栏里的帮助对Vistual Studio Coda进行检查更新,安装完重启即可
3.git的安装和项目建立
(1)首先,去git官网下载对应的安装包,加压安装
在这里插入图片描述(2)配置个人信息:在这里插入图片描述(3)要把代码进行托管,就要先建立一个仓库,可以选择gitee(国内网站)或者github(国外网站)
(4)开始配置.gitconfig文件,输入vim ~/.gitconfig,同时按下i进行修改,email字段是必须填写的,可以根据配置一些简写,填写完成后,先按Esc,再输入:wq保存退出
在这里插入图片描述(5)为了本地的设备可以和仓库进行关联,需先在Github上创建一个新仓库

在这里插入图片描述(6)这样即可得到仓库的http以及ssh地址

在这里插入图片描述(7)下载安装后git并同步github,然后双击git-bash.exe,在本地创建ssh key:$ ssh-keygen -t rsa -C “your_email@youremail.com”,后面邮箱即你的github邮箱地址

在这里插入图片描述(8)以上步骤完成后,会在user文件夹对应的用户下创建.ssh文件夹,其中有一个id_rsa.pub文件,然后复制其中的key
在这里插入图片描述(9)之后返回github,进入 Account Settings(账户配置),左边选择SSH and GPG Keys选项:

img(10)添加成功的ssh key

在这里插入图片描述(11)验证是否绑定本地成功,在git-bash中验证,输入指令: $ ssh -T git@github.com
在这里插入图片描述(12)需要将本地仓库上传至GitHub,我们在D盘下创建了一个名为“git_repo”的文件夹, 作为本地仓库,然后在其中放置一些文件,在git_repo文件夹点击右键,选择git bash,初始化本地仓库
在这里插入图片描述(13)此时在D:\git_repo下会到一个隐藏的.git文件夹,该文件夹是Git用来跟踪管理版本库的:
在这里插入图片描述(14)将所有文件添加到仓库,并提交文件:
在这里插入图片描述此时我们的本地仓库就建立好了
(15)我们的本地仓库要关联GitHub的仓库,直接将本地仓库关联远程GitHub仓库地址即可:
在这里插入图片描述(16)然后将本地.md文件上传到github
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值