笔记:npm(cnpm)安装node.js、react.js、 vue.js?

    互联网/前端 99次点击 · 1251天前 · 人间小美味
WPS表格技巧—如何根据出生年月日求虚岁年龄?PPT演示技巧—旋转图片并制作三维旋转效果? 人间小美味

1条回答我要回复

    飞扬1251天前

      一、关于:node.js和npm
      node.js号称是js的运行时,类似于java中的jvm了。 npm是Node Package Manager,就是node.js的包管理工具,比如我们使用 react vue 等需要的各种组建都是通过npm来安装。 cnpm是淘宝的npm(支持 npm 除了 publish 之外的所有命令 )。安装方式:npm install cnpm -g –registry=。可以通过cnpm -v查看版本号 windows下下载node.js安装包(/),直接连npm都安装了,版本也是新的。 ubuntu下(
       
      一、安装
      1.$ sudo apt-get install nodejs
       
      2.$ sudo apt-get install npm
       
      二、升级
          1.升级npm命令如下:
      $ sudo npm install npm -g
      /usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js
      npm@2.14.2 /usr/local/lib/node_modules/npm
      2.升级node.js命令如下:
      $ npm install –g n
      $ n latest(升级node.js到最新版) or $ n stable(升级node.js到最新稳定版)
          n后面也可以跟随版本号比如:$ n v0.10.26 或者 $ n 0.10.26
      三、npm镜像替换为淘宝镜像 
      1.得到原本的镜像地址
      $ npm get registry 

      设成淘宝的
      $ npm config set registry
      2.换成原来的
      $ npm config set registry  
      四、选装cnpm
      1.说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。!来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”;
      2.官方网址:;
      3.安装:命令提示符执行npm install cnpm -g --registry=;  注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;
      注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm(以下操作将以cnpm代替npm)
      五、全局安装与本地安装
        npm 的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,
         比如我们使用 npm 命令安装常用的 Node.js web框架模块 express:
      $ npm install express # 本地安装
      $ npm install express -g # 全局安装
      六、卸载
      1.先卸载 npm
      sudo npm uninstall npm -g
      2.卸载nodejs
      sudo apt-get remove nodejs
       
      二.  在一个react或者vue项目下,一般会在README.md中给出安装插件、调试、打包方法。
      一般来讲:(国内建议用cnpm,谁用谁知道) npm install 或者 cnpm install 安装依赖项目 npm run dev 启动服务(就可以用浏览器查看项目了) npm run build 打包 (eg:npm run build && node replace.js,最后的js做一些处理)(一般会发布到一个目录下,直接部署到web server就可以用了)

    请先登录后,再回复