如何进行 node.js
的 安装与卸载 ?
注意:
- 本文只是针对
node.js
的安装和卸载进行基础的教程与演示。- 学习并且学会这个技能,对于后期研究其他框架的很有益处的,比如当前流行的
vue.js
框架 的应用时。- 过程肯那个会比较繁琐,但事后步骤不可或缺,之间部分细节和步骤可以自由调整,不一定非要按照我的流程来。
windows 7
系统 的x86
和x64
均适用此教程!
我将会以截图的方式,演绎此次安装的步骤顺序;
具体截图,如下列所示的图片顺序:
注意:
中间的部分指令属于测试或者无效非法操作等。只要正常安装流程期间,cmd
面板不曾出现npm ERROR !
等等error报错提示,就均不影响整体的安装进程;
1.
111首先,安装前的准备,登陆node.js官网,下载符合电脑操作系统的对应版本的压缩文件或者.mis
文件
然后直接双击程序安装,所有的均选择“下一步”按钮,点击操作即可;
2.
如何检验node.js
是否安装成功?
打开cmd控制面板,输入指令
node -v
,然后enter回车。
如果显示的是node.js的版本号,就说明安装成功!
######3.
如何检验npm
是否安装成功?
打开cmd控制面板,输入指令node -v
,然后enter回车。
如果显示的是node.js的版本号,就说明安装成功!
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 |
大致的流程就如上面描述的那样。
Node.js的卸载
参考博客: Node.js的卸载
以上就是关于“ 如何进行 node.js 的 安装与卸载 ” 的全部内容。