JavaScript全栈之路——开发环境的搭建

写在前面的话

之所以开启此系列文章的编写，主要是为了记录下自己辛勤学习和劳作的点点滴滴，便于以后查询之用，如有幸帮到某些跟我一样的新人，本人万分荣幸，本文为博主原创文章，如需转载请联系作者并注明出处。

---

Window系统下开发环境的搭建

在虚拟机中安装Linux系统

虚拟机软件选择VirtualBox，其安装过程十分简单，这里略过。Linux选择版本是CentOS7，集成开发环境选择sublime text 3。

---

新建虚拟机

---

安装虚拟网卡与物理网卡共享网络连接

安装好VirtualBox之后，虚拟机默认可以通过物理机的网卡上网，但这种联网方式是一种被称为NAT（网络地址转换）的方式。采用这种方式，虽然虚拟机可以上网，物理机可以ping通虚拟机，但虚拟机却无法ping通物理机，这给两者的信息相互传递带来一定程度的困扰。一个有效的解决方式就是虚拟机与物理机用桥接的方式联通，然而，桥接需要物理网卡支持混杂模式才可以，而大多数的笔记本上的无线网卡是不支持混杂模式的，此外，桥接模式选择物理网卡，随着连接的路由器/WIFI的改变，物理机和虚拟机通过dhcp获取的ip地址不断变化，给开发也带来很多困扰。解决的思路就是：安装一个支持混杂模式的虚拟网卡，虚拟网卡通过物理网卡的Internet连接共享功能连接互联网，而虚拟机与虚拟网卡桥接，这样就可以在虚拟机里ping通物理机了，同时也保证了虚拟机的IP地址始终不变化。
新建虚拟网卡

当网络连接中出现“Microsoft KM-TEST 环形适配器”时，证明我们的虚拟网卡已经建立成功。

接下来，将物理网卡的Internet连接共享给新建的虚拟网卡。

---

安装Linux系统

加载CentOS7镜像文件

设置连接方式为桥接网卡，界面名称选择之前我们创建的虚拟网卡

CentOS7安装过程开始。

选择安装的软件

选择安装的硬盘

选择我们之前创建的硬盘，虽然这里默认就选中了，但是还是先取消选中状态再选择该硬盘。

安装系统的同时，设置一下root用户的登陆密码

系统安装完成，重启。

系统重启之后，使用root用户登录，接下来对系统进行一些基本的配置

修改网卡配置，使网卡开机启动

重启网络服务并查看是否分配了IP地址

---

在物理机上为虚拟机映射域名

为了防止虚拟机IP地址变化给我们带来的修改配置文件等工作，我们可以在物理机上为虚拟机映射一个域名，如果虚拟机的IP地址变化了，只需要对该域名映射的IP地址进行修改即可。
使用超级管理员打开host文件并添加域名映射

---

Linux系统下Nodejs及相关工具包的下载安装

NVM（Node Version Manager）的安装

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.32.0/install.sh | bash# 将v0.32.0替换成你想要下载的版本号

上面的命令会将nvm库下载到~/.nvm文件夹下，并且将源代码添加到配置文件中，然后运行如下命令即可完成nvm的安装

source ~/.bashrc

通过NVM安装Nodejs

nvm install stable

安装最新稳定版本的Nodejs，同时安装了NPM

---

Sublime text 3常用插件的安装及配置

安装Package Control
按快捷键ctrl+`会出现以下命令行，有时候快捷键不管用，你也可以点击View->Show Console，也会出现命令行。在出现的命令行中输入以下代码并按Enter键：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

安装结束之后，如果Preferences菜单下出现Package Control，就表示已经成功安装。
其他的插件都可以使用Package Control来安装，具体方法是：

1. 按下Ctrl+Shift+P调出命令面板
2. 输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。

AutoFileName
文件路径自动提示
Docblockr
增强js注释
Emmet
提高HTML & CSS3编写速度的插件
安装JsFormat
一个JS代码格式化插件
Tag
Html格式化
TrailingSpaces
高亮显示末尾的空格，并在刷新后删除
安装SFTP
ftp插件
SublimeCodeIntel
代码自动提示