美文网首页
基于NODE搭建前端开发环境(一)

基于NODE搭建前端开发环境(一)

作者: 疯狂轰炸机 | 来源:发表于2017-07-07 22:33 被阅读0次

    准备工作

    安装命令行工具,推荐git bash,直接下载安装即可。 (windows,以下安装操作均在windows环境下)

    如何安装Node.js

    Node.js中文官网下载对应版本安装;

    通过NVM安装(推荐);

    1.nvm

    node version manager

    Node.js版本管理工具

    安装Node.js更方便

    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 常用命令详解

    小试:用live-server搭建一个简单的本地服务

    新建一个文件夹用来保存项目,并新建一个文件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啦。

    注意:这个服务目前有部分浏览器还不能自动刷新页面哦。

    相关文章

      网友评论

          本文标题:基于NODE搭建前端开发环境(一)

          本文链接:https://www.haomeiwen.com/subject/hbwrhxtx.html