node+npm+cordova+ionic等开发环境配置(自我备忘)

这篇博客记录了在Windows 64位系统上配置Node.js、npm、Cordova和Ionic开发环境的详细步骤,包括下载安装、环境变量配置、cnpm镜像使用以及验证安装成功的操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

怕以后还要再配一遍,所以留着当备忘录。啊,我是win7 64位系统

1.下载node.js,并配置环境变量

https://nodejs.org/en/(官网)http://nodejs.cn/(中文网)我下载的是Win系统的node-v6.9.2-x64.msi

推荐直接安装在根目录 D:\nodejs

计算机右键属性→高级系统设置→高级→环境变量→系统变量

新建系统变量(变量名)NODE_PATH (变量值)D:\nodejs

在path里添加  (变量值)%NODE_PATH%\;%NODE_PATH%\node_global\;

node -v
查看版本号,如果显示版本,则安装成功。

2.安装配置npm包管理器

安装完node.js,就在上面这个路径(D:\nodejs)里,你会看到一个npm.cmd,直接双击运行,npm就算装好了。
同样,
npm -v
查看版本号,显示,则成功。
在这个路径(D:\nodejs)新建俩文件夹(①node_cache     ②node_global)
然后在桌面 win+r 输入cmd回车(开始菜单搜索框输入cmd也行)打开命令行工具设置npm的路径。
直接在命令行中输入
设置缓存
npm config set cache "D:\nodejs\node_cache" 
设置全局
npm config set prefix "D:\nodejs\node_global"
找到C:\Users\(用户名)\.npmrc文件
修改为即可:
prefix = D:\nodejs\node_global
cache = D:\nodejs\node_cache

3.安装cnpm镜像

本来cordova,ionic等都是要在npm下安装,但是由于你懂的原因,网络并不能支持你安装成功(当然你可以爽一下试一试),因此我们需要用国内的镜像网站。推荐使用http://www.cnpmjs.org/ 
先安装cnpm
npm install -g cnpm
安装成功 cnpm -v 可显示版本号

然后进入C盘,C:\Users\qqqqqq(这个是你的用户名),往下拉,会看到 .npmrc 和 .cnpmrc 文件,没错,这两个分别就是npm和cnpm的配置文件。










右键记事本或者其他文本编辑器打开。两个里面东西可能不一样,鬼知道为什么啊,把下面三行放进去替换原来的。。。傻瓜做法,我也不知道为什么,可能就是设置源吧。。。
prefix=D:\nodejs\node_global
cache=D:\nodejs\node_cache
registry=http://registry.cnpmjs.org 
保存退出。然后要修改一下本地host,打开这个网址,https://serve.netsh.org/pub/ping-tool/,把registry.cnpmjs.org复制到左边,点击获取IP列表,获取到对应的IP地址。进入C:\Windows\System32\drivers\etc 右键记事本等打开hosts 文件,把
47.88.240.14    registry.cnpmjs.org
(IP说不定会变,我用的时候是这个)放在文件的最后一行。
然后就是安装各种各样的资源啦啦啦。

4.安装cordova 

cnpm install -g cordova    安装完  cordova -v 验证是否成功

5.安装ionic









cnpm install -g ionic   安装完 ionic -v 验证是否成功
ionic start myApp tabs (这句话的意思是,创建一个名字为myApp的项目,模板是tabs)(大概吧233)
等很久以后,告诉你项目创建成功了,你可以选择Y/N,是否创建一个ionic账户,选择之后 cd myApp
 ionic serve
运行一下,就能在浏览器打开了(打不开那就是报错啦,哈哈哈,复制报错那段代码去网上查吧,有各种各样的bug哇哈哈哈………………)

6.安装express-generator

cnpm install -g express-generator   


7.安装express






cnpm install -g express           安装完  express --version 验证是否成功

8.安装typescript

cnpm install -g typescript    

9.安装angularjs

cnpm install -g angularjs    
10.……







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值