Windows系统安装nodejs,和webpack的结合
1、打开node.js官网,下载Windows包,在电脑上安装,这个下载包的时候 注意和自己所做的系统和电脑进行匹配,如图:
2、使用WIN+R快捷键打开cmd,查看是否安装成功;
输入命令:node -v 查看nodejs版本号,如果出现了版本号,说明安装成功;
输入命令:npm -v 查看npm版本号,如果出现了版本号,说明安装成功;
3、安装cnpm
node环境已经安装完成,npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像—cnpm。
在命令行中输入 npm install -g cnpm –registry=http://registry.npm.taobao.org 然后等待,安装完成如下图。
完成之后,我们就可以用cnpm代替npm来安装依赖包了 。
可以用cnpm -v查看,如下图:
4.安装vue-cli脚手架构建工具
在命令行中运行命令 npm install -g vue-cli ,然后等待安装完成。
5、用vue-cli构建项目
进入D盘,cd nodetest进入nodetest文件夹
首先使用npm来安装vue-cli
然后进入到项目的目录下,执行vue init webpack firstvue指令来构建项目,按回车就会出现如下的样式
安装过程有点慢,耐心等耐哦
6、cd fiirstvue 进入创建的文件夹
7、npm run dev 运行,出现运行的网址,输入就可以
8,出现下图,安装成功