vue安装以及环境配置
- 官方中文文档:https://cn.vuejs.org/v2/guide/installation.html
- 在官方文档中可以看到在用vue开发大型应用时推荐用npm来安装,因此先安装npm, 然后使用npm安装vue。
- npm的菜鸟教程介绍:https://www.runoob.com/nodejs/nodejs-npm.html
划重点:它是一个随着nodejs一起安装的包管理工具,所以也用它来管理安装vue.可以这样理解,npm是node package
manager的缩写,所以中文翻译就是包管理工具,所以它可以管理xxx。
- npm安装:因为它是nodejs的管理工具,所以要先安装nodejs,去官网https://nodejs.org/en/。这个是home主页页面,点击download下面左侧这个推荐大多数用户使用的下载即可。
或者https://nodejs.org/en/download/。打开以后根据自己电脑的情况下载不同的版本不同的格式。
点击下载的内容进行安装,页面如下,傻瓜式安装即可。
这里可以更换为自定义目录
一直点下一步即可,下面就没有特别需要注意的地方了。
cmd进入命令提示符,输入命令node -v,表明安装成功。
可以输入npm -v,查看npm的版本
- 然后可以打开下面的文章,写的非常详细,包括接下来对npm的配置以及vue以及vue脚手架的安装。
参考文章:https://www.jianshu.com/p/ba6b288ff924#comments
其中需要注意一下:
可能会出现下面的warn,上网查了一下,这些警告是提醒这个包现在已经没有人为它做维护了, 如果这个包内部出了问题, 没有人来修复的,
只要不出 bug 你继续用是可以的, 一旦出了 bug,
你只能自行去改它的源码了,来源百度https://zhidao.baidu.com/question/206919409422609005.html。
在下面这一步查看vue版本的时候注意,要用管理员权限打开命令提示符
按照上面的教程,在用vue创建第一个demo的时候,出现下面页面,输入出现的网址即可。
到此,说明安装成功!