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

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

1. 安装node.js

Node.js安装包及源码下载地址为:https://nodejs.org/en/download/
node.js下载
cmd管理员运行模式下输入node -v 确保nodejs安装,验证nodejs版本
查看node版本

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] 。
安装cnpm

4.安装vue-cil

输入:cnpm install -g vue-cli 完成vue-cli角手架的安装
vue-cil安装

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

新建vue-demo

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

安装npm依赖

7.运行npm run dev

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

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

悬崖上的剁椒鱼头丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值