window下安装node.js以及vue.js

1、nodejs官网http://nodejs.cn/下载安装包,无特殊要求可本地傻瓜式安装

2、cmd命令行

1)、node -v //显示node版本

2)、npm -v //显示npm包管理器版本

3、由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm

Cmd命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org

控制台出现一大串黄色目录结构的字体,即表示安装成功

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

npm install -g vue-cli

查看安装的vue版本

vue -V (注意V是大写的)

5、安装webpack (需要安装这个,不然不知道为什么,初始化vue项目后启动会报错)

npm install webpack -g

查看webpack版本

webpack -v

6、查看vue可用的模板

vue list

7、初始化一个vue项目

vue init webpack 项目名称

需要配置一些关于该项目的配置(如作者、项目名称等,使用默认也行)

8、进入上面所创建的项目名称中

cd 项目名称

9、使用cnpm安装项目的依赖(需要安装一点时候,然后注意有没出错)

cnpm install

10、执行项目

npm run dev

注意:确认端口是否已被占用(默认8080),一般启动成功后,会有http://localhost:8080的提示

在注意器输入上面的提示,出现vue.js的标志表示安装成功

参考:https://www.cnblogs.com/RexSheng/articles/6934413.html

https://www.cnblogs.com/pengfei-nie/p/6979217.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值