基于NODE搭建前端开发环境(一)
准备工作
安装命令行工具,推荐git bash,直接下载安装即可。 (windows,以下安装操作均在windows环境下)
Node.js中文官网下载对应版本安装;
通过NVM安装(推荐);
1.nvm
nvm-windowsgit上的下载包,偶尔被墙掉,上不去请点击这里:网盘地址
nvm -v 查看nvm版本号 在gitbash中输入nvm -v 回车,如下图(当前版本号为1.1.3)
nvm ls 查看当前机器已安装Node.js的版本号,如下图(当前电脑已安装版本为8.0.0和6.0.0,星号标记当前正在使用的版本号是6.0.0)
nvm install 6.0.0 安装6.0.0版本
nvm use 6.0.0 切换至 6.0.0版本
nvm uninstall 6.0.0 卸载6.0.0版本
node -v 查看Node.js版本以及检查Node.js是否安装成功
$node-v6.0.0
npm -v 查看npm版本
$ npm -v3.8.6
2. Node.js
Node.js是一个基于Chrome V8引擎的JavaScript运行环境。Node.js使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js的包管理器npm,是全球最大的开源库生态系统。
Node.js目前最新的版本为8.0.0,包管理器npm最新为5.0.0。推荐安装使用7.0.0,一般安装Node.js的时候会自动安装npm。
3. npm (Node 包管理工具)
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
由于新版的node.js已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:
$ npm -v3.8.6
npm -v 查看npm版本:
$ npm -v3.8.6
npm install 安装模块/包
npm ls 查看已安装的模块
npm init 初始化一个模块包
注意:很不幸,npm又被墙了,所以经常会出现无法安装模块的现象。 需要安装cnpm,npm install cnpm -g,目前这是最简单粗暴的解决办法; 安装了cnpm以后,所有模块安装都可一使用cnpm install来安装,cnpm和npm命令几乎没有两样,所以后面用cnpm代替npm就好了。
另外想对npm做进一步了解的可以看看这个博客npm 常用命令详解
新建一个文件夹用来保存项目,并新建一个文件index.html;
右键打开gitbash命令行,输入 npm init , 然后根据提示输入项目名称(随便给项目取个名字就行),敲回车键,文件夹下会生成一个文件package.json;
在命令行输入cnpm install live-server --save-dev 并回车;
在编辑器中打开文件package.json,在script项中添加"dev": "./node_modules/.bin/live-server --port=8001"并保存;
在命令行中输入npm run dev,等待浏览器自动打开就ok啦。
注意:这个服务目前有部分浏览器还不能自动刷新页面哦。