如何进行 node.js 的 安装与卸载

如何进行 node.js的 安装与卸载 ?

注意:
  1. 本文只是针对node.js的安装和卸载进行基础的教程与演示。
  2. 学习而且学会这个技能,对于后期研究其余框架的颇有益处的,好比当前流行的vue.js框架 的应用时。
  3. 过程肯那个会比较繁琐,但过后步骤不可或缺,之间部分细节和步骤能够自由调整,不必定非要按照个人流程来。
  4. windows 7系统 的 x86x64均适用此教程!

我将会以截图的方式,演绎这次安装的步骤顺序;
具体截图,以下列所示的图片顺序:

注意:中间的部分指令属于测试或者无效非法操做等。只要正常安装流程期间,cmd面板未曾出现npm ERROR !等等error报错提示,就均不影响总体的安装进程;vue


1.111首先,安装前的准备,登录node.js官网,下载符合电脑操做系统的对应版本的压缩文件或者.mis文件

而后直接双击程序安装,全部的均选择“下一步”按钮,点击操做便可;node


2.如何检验node.js是否安装成功?

打开cmd控制面板,输入指令node -v,而后enter回车。
若是显示的是node.js的版本号,就说明安装成功!webpack

3.如何检验npm是否安装成功?

打开cmd控制面板,输入指令node -v,而后enter回车。
若是显示的是node.js的版本号,就说明安装成功!web


4. 而后,自定义位置(本特例自定义位置 C:\我的\vuejs\firstvue ),新建项目存放的目标文件夹,以及项目所在的文件夹名称(firstvue)。


5.输入cmd指令,指令顺序以下;

流程图以下:

这里写图片描述

总结了一下,全部的指令流程,指令代码 示例以下表:

步骤 指令代码 目的 / 完成任务的说明
0 官网下载node.js对应的版本,进行安装 准备工做;
1 node -v 检测node.js是否安装成功,及其版本;
2 npm -v 检测npm是否安装成功,及其版本;
3 npm install -g cnpm –registry=http://registry.npm.taobao.org 安装npm阿里云镜像
4 npm install -g vue-cli 安装vue框架;
5 cnpm install webpack -g 安装webpack打包工具;
6 新建vue项目路径和项目及其所在的项目文件夹 后续安装准备工做
7 cd C:\我的\vuejs 而后enter回车键 开始找上一个步骤中新建的文件夹 ;
8 vue init webpack firstvue webpack打包vue组件到项目文件夹 ;
9 内容省略 以后一些琐碎的选择提示,选择“y”便可;注意
10 项目文件配置 项目名称、描述、做者、等等信息;注意
11 cd firstvue 打开指定的项目;
12 npm install 在上述项目中执行npm指令并检测;
13 npm run dev 最后执行,输出IP和端口号;
14 http://localhost:8080 而后enter回车键 打开浏览器,输入左侧IP地址和端口号,查看界面是否正常出现,正常出现即视做OK

大体的流程就如上面描述的那样。