vue安装以及环境配置

本文详述了Vue.js的安装步骤,包括通过npm安装Vue和Node.js,以及环境配置过程。首先,从Node.js官网下载并安装,接着使用npm安装Vue。在安装过程中可能会遇到警告,但不影响使用。最后,通过vue-cli创建项目时需以管理员权限运行命令行。成功创建项目后,输入提示的网址验证安装完成。
摘要由CSDN通过智能技术生成

vue安装以及环境配置

  1. 官方中文文档:https://cn.vuejs.org/v2/guide/installation.html
  2. 在官方文档中可以看到在用vue开发大型应用时推荐用npm来安装,因此先安装npm, 然后使用npm安装vue。
    官方文档截图
  3. npm的菜鸟教程介绍:https://www.runoob.com/nodejs/nodejs-npm.html

划重点:它是一个随着nodejs一起安装的包管理工具,所以也用它来管理安装vue.可以这样理解,npm是node package
manager的缩写,所以中文翻译就是包管理工具,所以它可以管理xxx。

  1. npm安装:因为它是nodejs的管理工具,所以要先安装nodejs,去官网https://nodejs.org/en/。这个是home主页页面,点击download下面左侧这个推荐大多数用户使用的下载即可。
    官网下载主页
    或者https://nodejs.org/en/download/。打开以后根据自己电脑的情况下载不同的版本不同的格式。
    官网下载页面
    点击下载的内容进行安装,页面如下,傻瓜式安装即可。
    安装首页面
    下一步

这里可以更换为自定义目录
更改目录
下一步
一直点下一步即可,下面就没有特别需要注意的地方了。
下一步
cmd进入命令提示符,输入命令node -v,表明安装成功。
安装成功
可以输入npm -v,查看npm的版本
查看npm版本

  1. 然后可以打开下面的文章,写的非常详细,包括接下来对npm的配置以及vue以及vue脚手架的安装。
    参考文章:https://www.jianshu.com/p/ba6b288ff924#comments

其中需要注意一下:

可能会出现下面的warn,上网查了一下,这些警告是提醒这个包现在已经没有人为它做维护了, 如果这个包内部出了问题, 没有人来修复的,
只要不出 bug 你继续用是可以的, 一旦出了 bug,
你只能自行去改它的源码了,来源百度https://zhidao.baidu.com/question/206919409422609005.html。

出现warning
在下面这一步查看vue版本的时候注意,要用管理员权限打开命令提示符
注意是管理员模式下
按照上面的教程,在用vue创建第一个demo的时候,出现下面页面,输入出现的网址即可。
成功页面
网址
成功页面
到此,说明安装成功!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值