node.js
的 安装与卸载 ?注意:
- 本文只是针对
node.js
的安装和卸载进行基础的教程与演示。- 学习而且学会这个技能,对于后期研究其余框架的颇有益处的,好比当前流行的
vue.js
框架 的应用时。- 过程肯那个会比较繁琐,但过后步骤不可或缺,之间部分细节和步骤能够自由调整,不必定非要按照个人流程来。
windows 7
系统 的x86
和x64
均适用此教程!
我将会以截图的方式,演绎这次安装的步骤顺序;
具体截图,以下列所示的图片顺序:
注意:
中间的部分指令属于测试或者无效非法操做等。只要正常安装流程期间,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 |