安装vue

1.安装node.js
安装教程:https://www.cnblogs.com/zhouyu2017/p/6485265.html
我的电脑是win7 64位,不过安装过程都差不多。
以下都是按照教程来做的。
官网地址http://nodejs.cn/download/
在这里插入图片描述在这里插入图片描述

安装目录放在D盘里面。
安装过程完成后检测是否安装成功:
在这里插入图片描述可以看到Node.js和npm都安装好了。
目录如下:
在这里插入图片描述
npm的作用就是对Node.js依赖的包进行管理。
配置环境:配置npm安装的全局模块所在的路径以及缓存cache的路径。
在这里插入图片描述cmd输入两句:
npm config set prefix “node_global所处路径”
npm config set cache “node_cache所处路径”

在这里插入图片描述在这里插入图片描述
在这里插入图片描述
测试是否安装好:
安装最常用的express模块:
安装中:
在这里插入图片描述安装后
在这里插入图片描述在这里插入图片描述教程里的
在这里插入图片描述安装完成。

基于node.js,利用淘宝npm镜像安装相关依赖,
在cmd里直接输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
回车,等待安装…
在这里插入图片描述安装完成
安装Vue CLI 3.1(npm install -g @vue/cli)
在这里插入图片描述在这里插入图片描述
安装成功后,可用下边命令行查看版本: vue --version 或 vue -V
在这里插入图片描述也可用命令:vue,查看vue相关命令:
在这里插入图片描述

下面是我安装VUE2.x的过程(后来卸载了)
安装教程https://www.cnblogs.com/miller-star/p/6394760.html
在这里插入图片描述安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd里输入:cnpm install -g vue-cli
回车,等待安装…
在这里插入图片描述
输入:vue
回车,若出现vue信息说明表示成功
在这里插入图片描述 卸载vue-cli

全局安装:npm install vue-cli -g

全局卸载:npm uninstall vue-cli -g

在这里插入图片描述
这个目录结构代表什么?
在这里插入图片描述

2.因为我还没有安装前端的开发工具,所以安装webstorm
官网https://www.jetbrains.com/webstorm/

在这里插入图片描述在这里插入图片描述

激活:
在这里插入图片描述注册方法:https://blog.csdn.net/voke_/article/details/76418116

在host文件中加入
“0.0.0.0 account.jetbrains.com”及“0.0.0.0 www.jetbrains.com”
在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述

破解成功。
(另一种破解方法也可以看
https://cloud.tencent.com/developer/article/1388470或
https://www.jianshu.com/p/4ce97b360c13)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值