windows10+node.js+npm+cnpm+vue-cli详细安装方法

本文为整合网络资料和自己亲手实践出来的方法,给自己做个笔记,也希望能帮到需要帮助的人。

1. 安装node.js

Node.js安装包及源码下载地址为:https://nodejs.org/en/download/
windows10+node.js+npm+cnpm+vue-cli详细安装方法
cmd管理员运行模式下输入node -v 确保nodejs安装,验证nodejs版本
windows10+node.js+npm+cnpm+vue-cli详细安装方法

2. 对npm进行升级

如果你安装的是旧版本的 npm,可以通过 npm 命令“npm install npm -g”来进行版本升级。

3. 安装cnpm

npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);npm安装插件过程:从http://registry.npmjs.org下载对应的插件包,但是该网站服务器位于国外,所以经常下载缓慢或出现异常。

因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,在此我们要感谢万能的淘宝啊,因为我们乐于分享的淘宝团队干了这事。
所以我们可以使用淘宝定制的 cnpm(gzip 压缩支持) 命令行工具代替默认的 npm;

npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用 cnpm 命令来安装模块了:cnpm install [name] 。
windows10+node.js+npm+cnpm+vue-cli详细安装方法

4.安装vue-cil

输入:cnpm install -g vue-cli 完成vue-cli角手架的安装
windows10+node.js+npm+cnpm+vue-cli详细安装方法

5.新建一个vue项目来测试一下vue-cli是否安装成功

windows10+node.js+npm+cnpm+vue-cli详细安装方法

6.项目构建成功后安装npm依赖

windows10+node.js+npm+cnpm+vue-cli详细安装方法

7.运行npm run dev

windows10+node.js+npm+cnpm+vue-cli详细安装方法
运行了npm run dev之后,会自动打开一个浏览器窗口,在地址栏中输入http://localhost:8080,即可看到创建的项目运行的效果。
windows10+node.js+npm+cnpm+vue-cli详细安装方法
vue-cli安装完毕,教程结束,不明白的可以私信我。