前端环境配置与搭建

写在前面:
1.本文是基于前端开发的基础环境搭建
2.具体环境看需求
3.觉得哪里不妥请在评论留下建议

一、工具安装

1.编辑器
2.Git(分布式的代码管理工具)
3.Photoshop
4.Nodejs 链接

二、 环境配置

1.配置git:
1.1 设置Git的user name和email:
$ git config --global user.name "name"
$ git config --global user.email "[email protected]"

1.2 生成SSH密钥过程:(看需求配置)
$ ssh-keygen -t rsa -C "[email protected]"
3个回车,密码为空。
Your identification has been saved in /home/tekkub/.ssh/id_rsa.
Your public key has been saved in /home/tekkub/.ssh/id_rsa.pub.
The key fingerprint is:
………………
最后得到了两个文件:id_rsa和id_rsa.pub
添加密钥到ssh:
登陆gitlab, Profile Settings -> SSH Keys -> ADD SSH KEYS ,找到本地的id_rsa.pub文件,复制出里面的内容,添加到 key 内,此时 Title 会自动填上你的邮箱,没有的话手动填写, ADD KEY

1.3 拉取代码到本地(权限)
创建一个存放项目的文件夹,在该文件夹下,单击右键,选择git bash,打开git命令框,编写命令:git clone [email protected]:xx/xx.git(可以在gitlab项目中找到存放地址,gitlab地址:http://gitlab.vchangyi.com ),按回车,就可以从gitlab上clone代码到本地文件夹

1.4 手动安装nodejs,如果是pc端安装的话,nodejs版本不能过低。
安装最新版的话npm安装项目依赖会有问题,手机端gulp无法启动,所以建议安装nodejs V6。

1.5 测试node是否安装成功
git 命令窗或者node 命令窗中输入命令 : node -v

1.6 同理,测试npm是否安装成功 npm -v

1.7安装gulp
在项目下打开git 命令窗,从淘宝源上自行安装,这个时间需要等待和耐心,也会有网络原因导致安装失败,如果安装失败可以多来几次,直到成功为止。

如果是pc端:npm install --registry=http://registry.npm.taobao.org --phantomjs_cdnurl=http://cnpmjs.org/downloads
npm 安装时候 持久使用淘宝源 设置:
npm config set registry https://registry.npm.taobao.org

配置后可通过下面方式来验证是否成功
npm config get registry

npm info express

本文主要参考https://www.cnblogs.com/nini-huai/p/11010407.html

你可能感兴趣的:(前端环境配置与搭建)