码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-08-27 14:57:53      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

 

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

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) 不需要手动的在刷新页面了

 

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

 

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

标签:

原文地址:http://www.cnblogs.com/lovezhouxiaoyi/p/4763184.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!