前端开发学习那些事儿(1)-环境

当我们在学习之前, 必须要做一些准备的事儿 - 环境的搭建

Linux: (LAMP) Linux  + Apache + MAMP + PHP

Mac: MAMP / MAMP Pro

window: WAMP

Node.js安装

编辑器的选择

sublime text 3 /  Visual Studio Code / Notepad++

secureCRT

WebStorm

就我个人而言比较喜欢Visual Studio Code

浏览器

chrome

chrome插件

二维码插件

jsonview

...

接下来, 安装一个静态的服务器

之前已经安装好Node之后,

可以使用 npm install -g anywhere 安装到全局下(具体的安装过程 省略)

这样我们就可以通过以下的终端(当然还要选择一个终端, mac自带的终端用不太习惯)

这样一个静态服务器就会自动启动了。

具体的使用可以看这里:

https://www.npmjs.com/package/anywhere

但是这样并没有像Grunt的livereload一样, 可以实施渲染我们的页面。还是需要刷新页面, 这显然并不是我们想要看到的。

这样我们可以使用live-server代替掉anywhere

安装方式一样

启动方式也一样

live-server主要解决了2个问题:

1) Ajax不能在file://协议下访问(也就是必须需要一个服务器环境才能够访问)

2) 不需要手动的在刷新页面了

好啦,这样我们就愉快的构建了一个简单的学习环境。想想这些，应该会花不少的时间, 但是一切都是值得的～ ^_^