WebGIS开发教程(一) NodeJS安装
分享
作者:liuyl
关于作者:GIS从业者,主要在ArcGIS平台下做WebGIS开发,最后有作者的联系方式
版权所有:转载请保留作者名和原始链接
教程示例代码下载
一点前言
这套教程尽量使用最新稳定版本的环境、工具和第三方库
目前NodeJS最新稳定版本是8.9.4,未注明情况下均使用该版本NodeJS环境
教程代码开发系统环境为Windows,Mac和Linux在个别地方有差别,请自行修正
NodeJS已经成为目前JS前端开发的必备环境,即使项目是纯前端项目,也可能需要一些在NodeJS中执行的工具(如Babel、Webpack、Gulp等)来帮助编译和打包
下面是正文
安装NodeJS
NodeJS中文官网 下载最新版本NodeJS安装包
安装过程略...
安装后可以测试一下
命令行执行
命令返回
v8.9.4
多个NodeJS版本共存
如果没有多版本共存的需求,可以略过本小节
不同版本的NodeJs特性和支持语法都会有不同,有时会需要多个版本共存
可以使用 nvm (linux & mac) 和 nvm-windows (windows) 进行NodeJS的安装和版本切换
nvm的安装包请自行下载,安装过程略...
以下过程以nvm-windows为例
安装后可以在命令行窗口执行如下命令设置NodeJS和NPM的下载镜像,不然下载速度会比较慢
注意!如果之前windows系统中在默认路径安装过NodeJs,即 C:\Program Files\nodejs 目录,在继续下一步前,要将nodejs目录整体删除,否则安装NodeJS后,会无法执行node命令。
同时,npm的安装目录也需要被删除 C:\Users<user>\AppData\Roaming\npm,否则npm命令可能不能正确地安装的第三方包
在命令行窗口执行如下命令
可以继续安装第二个版本的NodeJS,如7.5.0
使用nvm use命令切换NodeJS版本
命令返回
Now using node v8.9.4 (64-bit)
然后可以用 node -v 命令查看一下node版本
注意!npm 安装的包在不同版本中是不共享的,所以全局安装时,如下一节提到的cnpm,需要在不同版本下分别安装
淘宝源设置
npm默认下载速度非常慢,速度慢又会导致安装第三方包失败,在国内使用npm时设置淘宝npm镜像是必需的
在命令行窗口执行如下命令
设置完成后所有下载请求都会通过淘宝镜像完成
安装cnpm
即使设置了淘宝源,npm在安装某些包时仍会因个别工具下载超时导致安装失败,如node-sass这个包用npm直接安装有非常高的几率会失败
因此我建议大家日常可以使用cnpm进行包管理,或者在遇到包安装失败或无法使用时,用cnpm重新安装一下再试试
在命令行窗口执行如下命令安装cnpm
install 是使用npm时最常用的命令,-g 参数意味着这个包会安装在全局环境中,安装成功后,我们就可以在命令行窗口中使用cnpm命令了
cnpm完全继承了npm的命令,所有npm命令均可以使用cnpm执行
这里是结尾
node 和 npm 命令在前端开发中需要经常使用,请查看官方文档了解命令的各个常用参数
后面教程中如果用到一些命令也会简单作以介绍,但这些内容并不会在本教程中独立出现
下一篇我们将简单了解一下nginx的部署和使用,nginx是目前部署网站数量成长最快的服务器软件,而且配置起来相当简单,功能也极为强大。
我将把教程代码示例部署在nginx中,相关的配置将在各个示例中给出说明
联系作者
关于作者:GIS从业者,主要在ArcGIS平台下做WebGIS开发,最后有作者的联系方式
版权所有:转载请保留作者名和原始链接
教程示例代码下载
一点前言
这套教程尽量使用最新稳定版本的环境、工具和第三方库
目前NodeJS最新稳定版本是8.9.4,未注明情况下均使用该版本NodeJS环境
教程代码开发系统环境为Windows,Mac和Linux在个别地方有差别,请自行修正
NodeJS已经成为目前JS前端开发的必备环境,即使项目是纯前端项目,也可能需要一些在NodeJS中执行的工具(如Babel、Webpack、Gulp等)来帮助编译和打包
下面是正文
安装NodeJS
NodeJS中文官网 下载最新版本NodeJS安装包
安装过程略...
安装后可以测试一下
命令行执行
node -v
命令返回
v8.9.4
多个NodeJS版本共存
如果没有多版本共存的需求,可以略过本小节
不同版本的NodeJs特性和支持语法都会有不同,有时会需要多个版本共存
可以使用 nvm (linux & mac) 和 nvm-windows (windows) 进行NodeJS的安装和版本切换
nvm的安装包请自行下载,安装过程略...
以下过程以nvm-windows为例
安装后可以在命令行窗口执行如下命令设置NodeJS和NPM的下载镜像,不然下载速度会比较慢
nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/
注意!如果之前windows系统中在默认路径安装过NodeJs,即 C:\Program Files\nodejs 目录,在继续下一步前,要将nodejs目录整体删除,否则安装NodeJS后,会无法执行node命令。
同时,npm的安装目录也需要被删除 C:\Users<user>\AppData\Roaming\npm,否则npm命令可能不能正确地安装的第三方包
在命令行窗口执行如下命令
nvm install 8.9.4
可以继续安装第二个版本的NodeJS,如7.5.0
nvm install 7.5.0
使用nvm use命令切换NodeJS版本
nvm use 8.9.4
命令返回
Now using node v8.9.4 (64-bit)
然后可以用 node -v 命令查看一下node版本
注意!npm 安装的包在不同版本中是不共享的,所以全局安装时,如下一节提到的cnpm,需要在不同版本下分别安装
淘宝源设置
npm默认下载速度非常慢,速度慢又会导致安装第三方包失败,在国内使用npm时设置淘宝npm镜像是必需的
在命令行窗口执行如下命令
npm config set registry https://registry.npm.taobao.org
设置完成后所有下载请求都会通过淘宝镜像完成
安装cnpm
即使设置了淘宝源,npm在安装某些包时仍会因个别工具下载超时导致安装失败,如node-sass这个包用npm直接安装有非常高的几率会失败
因此我建议大家日常可以使用cnpm进行包管理,或者在遇到包安装失败或无法使用时,用cnpm重新安装一下再试试
在命令行窗口执行如下命令安装cnpm
npm install cnpm -g
install 是使用npm时最常用的命令,-g 参数意味着这个包会安装在全局环境中,安装成功后,我们就可以在命令行窗口中使用cnpm命令了
cnpm完全继承了npm的命令,所有npm命令均可以使用cnpm执行
这里是结尾
node 和 npm 命令在前端开发中需要经常使用,请查看官方文档了解命令的各个常用参数
后面教程中如果用到一些命令也会简单作以介绍,但这些内容并不会在本教程中独立出现
下一篇我们将简单了解一下nginx的部署和使用,nginx是目前部署网站数量成长最快的服务器软件,而且配置起来相当简单,功能也极为强大。
我将把教程代码示例部署在nginx中,相关的配置将在各个示例中给出说明
联系作者
0 个评论
相关问题
- gis开发群的管理不讲理,求围观。
- 安装完arcgis10.3后,为何没有Envi tools这个工具箱?
- 夜间灯光影像处理的案例教程
- 请问大家学习AE开发都参考了哪些资料?
- 安装arcgis server 需要不需要安装网络服务器(如IIS和Apache)和.Net Frameworkma?
- ArcGIS API for js会不会出中文版呢,还有esri会不会出相关视频教程呢?
- arcgis runtime for andriod 100.1 如何使用eclipse开发
- 怎样自学遥感和GIS一体化开发,或者说需要哪些基础?
- arcgis datastore安装后无法访问配置页面
- arcgis 10.5 安装包下载
- ArcGIS开发的现状可以介绍下吗?无论桌面端还是Web端。