大家好,欢迎来到IT知识分享网。
![npm和cnpm(windows)安装步骤[通俗易懂]插图5 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/7f24c549-aa3d-4f91-bf9a-a40f9a4649f22023010532d7bd66-1f13-402e-a4f5-249c159b8b2c1.jpg)
nodeJs到14.0.0就不支持win7系统了,只能选择之前的版本,比较新的是13.14.0版本。注意:13.14.0版本的node不能使用cnpm,如下:
1、npm config set prefix “node安装路径\node_global”
2、npm config set cache “node安装路径\node_cache”
3、配置环境变量:将”node安装路径\node_global”添加到环境变量path中
一、什么是npm和cnpm
npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
二、安装nodejs
1、首先前往nodejs官网下载nodejs
2、然后点击安装,选择自己要安装的路径,此处我选择的是:D:\node-v10.14.2-x64,安装至完成。
3.window+R,输入cmd,打开命令提示符窗口,输入:
node -v
npm -v
IT知识分享网
三、改变原有的环境变量
1、首先配置npm的全局模块的存放路径、cache的路径,此处我选择放在:D:\node-v10.14.2-x64
依次输入如下命令:(注意路径要改为自己的路径)
IT知识分享网npm config set prefix "D:\node-v10.14.2-x64\node_global"
npm config set cache "D:\node-v10.14.2-x64\node_cache"
如下图所示:
2、在命令行输入以下命令安装express,express是node官方唯一推荐的一个web框架,提供很多基础方便的功能。(注:“-g”表示安装到global目录下,就是上面设置的node_global中)
IT知识分享网npm install express -g
可以看到node_global/node_modules下有express了,如图:
3、在系统环境变量添加NODE_PATH,输入路径为: D:\node-v10.14.2-x64\node_global\node_modules
操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(系统变量下)->输入变量名NODE_PATH->变量值:通过“浏览目录”输入上面路径,确定即可。
4、重新打开命令行(win+R)输入node进入编辑模式,输入以下代码检测是否能正常加载模块:
node
require('express')
注:使用NPM命令:
- 下载三方库:npm install vue –save (vue是库名称 –save是保存,这里的 横线 是2个 –save也可以简写成-S)
- 全局安装bower:npm install bower –g
- 使用bower info 可以查看库的版本:bower info vue
- 下载指定版本的库:npm install vue@2.1.0 (vue是库名称+@符号+版本号)
四、安装cnpm
1、安装cnpm,输入以下命令:
npm install -g cnpm --registry=http://registry.npm.taobao.org
如下图:
(注意:为了避免每次安装都需要–registry参数,可以使用如下命令
进行永久设置:npm config set registry http://registry.npm.taobao.org
2,输入cnpm -v ,检测是否正常,但是这里会报错。
3,因为cnpm会被安装到D:\node-v10.14.2-x64\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。
如图,修改系统变量path:
然后重新win+r,输入cmd,在打开的窗口中输入:cnpm -v
结果如下:
查看npm安装位置:npm root -g
查看cnpm安装位置:cnpm root -g
清屏命令:cls
其他
启动一个最最简单的node项目
新建一个文件夹test,进入文件夹,打开dos窗口,执行命令:npm init -y 来新建一个package.json文件。
在package.json同级目录下新建index.js文件,其内容为:console.log(“hello world”)
启动node项目:执行命令node index.js
启动成功!
如果想要使用npm run start启动命令,可在package.json中的scripts对象中添加start属性,其内容为:node index.js
启动成功
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/7465.html
https://blog.csdn.net/qq_40323256/article/details/127921654
https://nodejs.org/zh-cn/download/releases/![npm和cnpm(windows)安装步骤[通俗易懂]插图7 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/f31aa153-64f1-4397-b0e2-fc6b6ff8eb2920230105bf2dea24-b6f9-4a91-a5a3-698a2de0bef61.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图9 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/b80ddeee-1c0a-4da4-a95a-ed4df30c69cd20230105b27fc502-20c3-44d5-88da-0f2daf6afd711.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图11 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/f8e32723-fcca-4f41-81bf-f56da426e2c9202301054dde4d01-90fc-458f-9564-07f7af2bb60a1.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图13 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/6d70099b-6191-45a1-9db2-578b9900a8442023010510d88fe9-ca73-404c-9a56-7d9e50a4a9d21.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图15 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/063a2ee6-a7a6-4790-bb94-9155d831ab1c202301059e635e7b-c8a0-4257-8b85-83c684406a211.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图17 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/9f0b4b9c-c5e4-42cd-a66e-8952a396e40c202301053ac209f4-c1d7-4932-8430-48b5de8e9e7f1.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图19 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/9626387a-595c-4355-a6e9-d59665cbb73e202301050342b88d-f027-4154-8141-d8f3c3cd680c1.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图21 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/ff74e877-27e6-4e76-b422-2f5aaed75a882023010504cb31e6-dce9-48ca-a8af-388ff2f82e041.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图23 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/5ee074bf-6f48-414e-b567-86bd58779357202301057391a01e-c096-4a1b-9ea2-c81cc44d74271.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图25 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/e022c882-9fb4-4672-9b14-634ebff7cf632023010584a8eecb-34be-4f2f-b211-ece8aaf085461.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图27 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/86b304c2-99c9-4e55-8512-b8ef776a1b9a202301054126f114-ec58-4960-bae3-ea3e7a7d18fe1.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图29 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/e1e93cac-a75d-456e-b3c7-81a81344062620230105470141af-636e-4d02-b51c-59b2c01507c21.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图31 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/b3c0b34d-d435-4790-8690-3cc5a40ce6272023010501ea32dd-84fb-4262-adb3-257c39e59ad11.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图33 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/51afc096-9777-4e86-892f-908150e30113202301050b92878c-2e87-4a0e-aba9-5f485f4942861.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图35 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/c85c232c-75b1-4470-a7c0-1d4df638e091202301056a00ee7e-bf53-483d-b9cd-6171ef0e8e5d1.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图37 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/2d671c79-a4b3-42ae-a407-7a7f445292a720230105f84ffe42-8795-40f8-9ed4-bcd3043cfd581.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图39 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/ac0e68ad-e435-47bc-9e1e-a9642daf9c6f202301053335ce7d-d825-4d00-beb0-ca935011ed471.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图41 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/7a6c2ad1-f478-42f8-8af2-6285291d015d202301056fe03bf2-fb69-4e16-aa35-051ced0af61b1.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图43 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/3468e975-1796-432d-8751-c97cd15c4835202301056999128f-f3e6-4720-b6d0-1c7f483333771.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图45 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/7c2234e1-2233-4e58-984e-c6c991b6dadf20230105006879b1-0eca-4203-82f7-1e4759af796e1.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图47 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/2bdf7a3c-ef10-4c58-9ed1-36f16523ea1a202301052eaaa2aa-b8c5-4369-92b3-5ca35763c3731.jpg)
![npm和cnpm(windows)安装步骤[通俗易懂]插图49 npm和cnpm(windows)安装步骤[通俗易懂]](http://qn.javajgs.com/20230105/677aa344-8a77-4455-a8b5-5dc72a0edf5f202301056c3d092b-1d20-4011-a9e7-54a25eb2ee131.jpg)