Windows系统安装nodejs,和webpack的结合

1、打开node.js官网,下载Windows包,在电脑上安装,这个下载包的时候 注意和自己所做的系统和电脑进行匹配,如图:Windows系统安装nodejs,和webpack的结合

2、使用WIN+R快捷键打开cmd,查看是否安装成功;

输入命令:node -v   查看nodejs版本号,如果出现了版本号,说明安装成功;

输入命令:npm -v   查看npm版本号,如果出现了版本号,说明安装成功;

Windows系统安装nodejs,和webpack的结合

3、安装cnpm 
node环境已经安装完成,npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像—cnpm。 

在命令行中输入 npm install -g cnpm –registry=http://registry.npm.taobao.org 然后等待,安装完成如下图。 

Windows系统安装nodejs,和webpack的结合

完成之后,我们就可以用cnpm代替npm来安装依赖包了 。

可以用cnpm -v查看,如下图:

Windows系统安装nodejs,和webpack的结合

4.安装vue-cli脚手架构建工具 

在命令行中运行命令 npm install -g vue-cli ,然后等待安装完成。 

Windows系统安装nodejs,和webpack的结合

5、用vue-cli构建项目 

进入D盘,cd nodetest进入nodetest文件夹

首先使用npm来安装vue-cli 

然后进入到项目的目录下,执行vue init webpack firstvue指令来构建项目,按回车就会出现如下的样式 

Windows系统安装nodejs,和webpack的结合

安装过程有点慢,耐心等耐哦

Windows系统安装nodejs,和webpack的结合Windows系统安装nodejs,和webpack的结合

6、cd fiirstvue 进入创建的文件夹

7、npm run dev 运行,出现运行的网址,输入就可以

Windows系统安装nodejs,和webpack的结合

8,出现下图,安装成功

Windows系统安装nodejs,和webpack的结合