这个文档的目标是:各位小伙伴通过这个文档,可以在一台全新的 Ubuntu 电脑上搭建平常开发使用的环境,主要包含 Node.js, git 和 编辑器部分。

这是针对 Ubuntu 系统的安装文档,Windows 文档点击这里

git 和 git GUI

git 是一个版本控制工具,我们使用 coding.net 存放 git 的远程仓库。

git

  1. 已有 git?

    在 bash 中查看 git 版本,建议使用 2.10 以后的 git (Windows)。

     $ git --version
  2. 安装(参考

     $ sudo add-apt-repository ppa:git-core/ppa
    $ sudo apt-get update
    $ sudo apt-get install git
  3. 完成

    在 bash 中查看 git 版本

     $ git --version
  4. 设置信息

    可以设置提交所有仓库时使用的用户名和邮箱

     $ git config --global user.name "Your Name"
    $ git config --global user.email yourName@85ido.com

git GUI

git 提供了命令行操作的方式,对于复杂的操作,还是有一个趁手的可视化工具为上。目前可用的 git GUI 工具有 Git Extensions。本文主要介绍 Git Extensions 的安装和配置(参考)。

  1. 安装 kdiff3

     $ sudo sudo apt install kdiff3
    $ kdiff3 --version
  2. 安装 Mono 4.6+

     $ sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF
    $ echo "deb http://download.mono-project.com/repo/debian wheezy main" | sudo tee /etc/apt/sources.list.d/mono-xamarin.list
    $ sudo apt update
    $ sudo apt install mono-complete
    $ mono --version
  3. 下载

    在这里下载最新的 Git Extensions Mono

  4. 解压缩

    将下载好的 GitExtensions-version-Mono.zip 解压,双击 GitExtensions.exe 即可运行。

  5. 设置

    完成安装后,还需要进行设置。

    尽量使用英文版的工具,因为不知道 Rebase 会被如何翻译。

    如果在安装 git 后不设置用户名和邮箱,第二行应该会呈现红色。

Node.js

Node.js 的 release 规则是按月份 release,所以我们只需要用相对稳定且带有 LTS(长期维护)的版本即可,目前开发中使用到的是 Node.js 6.x

  1. 已有 Node.js?

    查看 Node.js 版本,建议和团队使用一致的 Node.js。

     $ node -v
  2. 安装

    大专栏  环境安装文档(for Ubuntu)">
     $ curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
    $ sudo apt-get install nodejs
  3. 结束

    在 bash 中查看 Node.js 版本

     $ node -v

npm

npm 是 Node.js 的包管理工具,安装 Node.js 时会被一并安装。

升级 npm

但自带安装的 npm 版本过低,需要进行升级。

$ npm install -g npm@latest

配置使用镜像

npm 默认使用的镜像在国内会受到速度影响,可以使用 cnpm 镜像替换默认的镜像。

  1. 一次配置方案:只需要配置一次,配置完成后使用 cnpm install 代替 npm install

    将如下内容拷贝到 ~/.bashrc 文件中

     #alias for cnpm
    alias cnpm="npm --registry=https://registry.npm.taobao.org --cache=$HOME/.npm/.cache/cnpm --disturl=https://npm.taobao.org/dist --userconfig=$HOME/.cnpmrc"

    使用 cnpm install 替换 npm install

     $ cnpm install --save express
  2. 一次性方案:在每次执行命令的最后添加使用的镜像,只生效一次。

     $ npm install --save express --registry=https://registry.npm.taobao.org

安装常用模块

有一部分模块是常用的,且需要进行全局安装,这些模块可以提前一次性安装。

$ npm install -g gulp babel-cli http-server

编辑器

在开发中有一个趁手的编辑器(No IDE)可以保证你不犯特别低级的错误,还可以使你的代码风格与团队保持一致。

推荐使用 Visual Studio Code 写 Node.js 和前端代码。

安装

  1. 下载

    在这里下载 VSCode

    选择 .deb(Debian, Ubuntu) 版本

  2. 安装

     $ cd /path/to/you/deb/file
    $ sudo apt-get install -f
    $ sudo dpkg -i deb-filename
  3. 完成

    在搜索中输入 Code。

配置

  1. 插件

    VSCode 可以安装一些插件,配合项目中的配置文件可以使文件属性与团队保持一致(如:文件末尾保持空行,使用哪个平台的行结束符等)。

    • 在左侧选择扩展,搜索 editorconfig,安装 EditorConfig for VS Code

    • 搜索 eslint,安装 ESLint

  2. 配色方案

    VS Code 自带集中配色方案,可以通过命令面板更换配色方案。

    F1 输入 theme 选择 “首选项:颜色主题”,使用方向键上下导航可以预览配色方案,回车确认。

The End

环境安装文档(for Ubuntu)的更多相关文章

  1. CentOS6.5下安装JDK1.7+MYSQL5.5+TOMCAT7+nginx1.7.5环境安装文档

    ----------------CentOS6.5下安装JDK1.7+MYSQL5.5+TOMCAT7+nginx1.7.5环境安装文档----------------------- [JDK1.7安 ...

  2. OCP 11G 实验环境安装文档 ( RedHat5.5 + Oracle11g )

    RedHat5.5 linux下Oracle11g软件安装 一.配置虚拟机 为了创建和配置虚拟机,你需要添加硬件设备如磁盘和cpu,在你开始安装之前,创建一个windows目录作为存放虚拟机的目录 目 ...

  3. SonarQube + Jenkins代码审查环境安装文档 v1.2

    1. 安装SonarQube 1.1. 下载 下载地址:https://www.sonarqube.org/downloads/ 本次使用安装包为:sonarqube-7.4.zip 需要提前准备jd ...

  4. Docker相关环境全套安装文档兼小技能

    Docker相关环境全套安装文档兼小技能 以下环境皆为ubuntu16.04,主要安装docker,docker-compose,docker仓库等. Docker安装 参考官方 A: 有源安装 Ub ...

  5. linux centos7 安装虚拟Python环境,pyenv安装文档

    python多版本控制pyenv安装文档 1.在线安装: curl -L https://github.com/pyenv/pyenv-installer/raw/master/bin/pyenv-i ...

  6. ORACLE LINUX 6.3 + ORACLE 11.2.0.3 RAC + VBOX安装文档

    ORACLE LINUX 6.3 + ORACLE 11.2.0.3 RAC + VBOX安装文档 2015-10-21 12:51 525人阅读 评论(0) 收藏 举报  分类: Oracle RA ...

  7. Oracle 11g 单实例安装文档

    这里介绍在Red Hat Enterprise Linux Server release 5.7 (Tikanga)下安装ORACLE 11.2.0.1.0的过程,本文仅仅是为了写这样安装指导文档而整 ...

  8. linkedin开源的kafka-monitor安装文档

    linkedin开源的kafka-monitor安装文档 linkedin 开源的kafka-monitor的安装使用可以参考官方的readme:流程介绍的已经比较清楚,但是还是有一些地方需要修正.让 ...

  9. _00024 尼娜抹微笑伊拉克_云计算ClouderaManager以及CHD5.1.0群集部署安装文档V1.0

    笔者博文:妳那伊抹微笑 itdog8 地址链接 : http://www.itdog8.com(个人链接) 博客地址:http://blog.csdn.net/u012185296 博文标题:_000 ...

随机推荐

  1. Adaboost算法及其代码实现

    . . Adaboost算法及其代码实现 算法概述 AdaBoost(adaptive boosting),即自适应提升算法. Boosting 是一类算法的总称,这类算法的特点是通过训练若干弱分类器 ...

  2. 2017年3月25日工作日志:Jquery使用小结[绑定事件判断、select标签、军官证正则]

    jQuery获取DOM绑定事件 在1.8.0版本之前,我们要想获取某个DOM绑定的事件处理程序可以这样: $.data(domObj,'events');//或者$('selector').data( ...

  3. Xshell便捷设置实现linux复制粘贴

    说明:在window系统中,Ctrl+C是复制的快捷键,Ctrl+V是粘贴的快捷键,但在xshell中,Ctrl+C 代表着中断当前指令. 解决办法如下: 1.  使用xshell中的复制粘贴快捷键复 ...

  4. Spring 的 IOC 和 AOP 的理解

    Spring 的 IOC 和 AOP 的理解: https://www.jianshu.com/p/bf1adc3b75e6 对Spring的核心(AOP和IOC)的理解(大白话) https://w ...

  5. android打飞机游戏、MVP句子迷App、悬浮窗、RxJava+Retrofit、加载动画、定制计划App等源码

    Android精选源码 微信打飞机 android进度设置加载效果源码 Android新手引导库EasyGuide MVP-好看又好用的句子迷客户端 XFloatView 一个简易的悬浮窗实现方案 a ...

  6. rework-发出你的心声

    生意人虚张声势的时候会给人什么感觉?都是些僵硬的措辞.官方的腔调.虚伪的友善.法律术语等.你一定看过这些玩意儿,就好像是机器人写出来的东西,这些公司在向你发话,而不是和你对话. 这种专业主义面具让人觉 ...

  7. VS编译release版本的出现的LNK1104 无法打开文件“libboost_filesystem-vc140-mt-1_58.lib

    最近在用restbed和vs2015做一个项目,debug编译的没问题,但是编译release就有问题,困扰了一天,说下我的出坑过程. 1.我用到了外部的库 restbed ,首先要想正确编译过,你的 ...

  8. idea,2018版破解方法

    1.准备安装文件 2.安装 ideaIU-2018.3.5.exe ,如这里是安装到IDEA这个文件夹: 3.复制JetbrainsIdesCrack-4.2-releasexxx.jar放到IDEA ...

  9. windows安装fdfs_client-py-master.zip 出现 error: Microsoft Visual C++ 14.0 is required.

    背景:学习django+fdfs+nginx时碰见的问题,笔记本电脑的虚拟机ubuntu实在卡到怀疑人生,所以django装在windows,ubuntu只开启fdfs+nginx服务.于是就有在wi ...

  10. ip获取到城市

    <?phpfunction GetIP() {    if ($_SERVER["HTTP_X_FORWARDED_FOR"])        $ip = $_SERVER[ ...