菜鸟初学vue,先从安装npm

vue安装,npm环境搭建

安装顺序
1.安装node.js
2.安装git
3.安装bower
4.安装vue

安装node

访问node官网https://nodejs.org/zh-cn/下载长期支持版本,使用人数最多最稳定
菜鸟初学vue,先从安装npm
点击下载后,双击安装,我是win7系统,傻瓜式安装一直next
菜鸟初学vue,先从安装npm
当安装成功node后,它会自动写入path环境变量,这时候使用管理员身份运行cmd。程序-》附件-》右键“命令提示符” 选择“以管理员身份运行”
菜鸟初学vue,先从安装npm

cmd输入node回车,出现welcome to Node.js 版本号,说明安装成功
菜鸟初学vue,先从安装npm

安装git

https://git-scm.com/download/ 自行选择是linux,还是苹果,还是win系统。我是win7
进入https://git-scm.com/download/win页面下载64位安装包。也是win傻瓜式安装next

菜鸟初学vue,先从安装npm
菜鸟初学vue,先从安装npm
菜鸟初学vue,先从安装npm
菜鸟初学vue,先从安装npm

菜鸟初学vue,先从安装npm

现在重点来了重点来了,让无数程序员小白安装npm翻船的坑来了,git安装好以后并不像node那样直接加入环境变量,所以导致后面cmd运行npm install bower -g失败

菜鸟初学vue,先从安装npm
我们现在将git写入环境变量
菜鸟初学vue,先从安装npm
选择“高级系统设置”-》高级-》环境变量菜鸟初学vue,先从安装npm
菜鸟初学vue,先从安装npm
path的变量值,将光标移到最后,加上分号,注意要加英文分号!然后写上前面在git cmd下输入where git时,获取的git.exe所在地址,我的是C:\Program Files\Git\mingw64\bin\,点击确认即可
菜鸟初学vue,先从安装npm
菜鸟初学vue,先从安装npm

安装bower

按个人习惯找一个文件夹安装bower,这个文件夹地址不能含有中文,必须英文,否则必定报错。cd到这个安装路径下,输入npm install bower -g 注意因为有-g,所以我们cmd要以管理员方式运行cmd,以获取最大权限。
菜鸟初学vue,先从安装npm
菜鸟初学vue,先从安装npm
菜鸟初学vue,先从安装npm
输入bower install vue#2.6.11命令,就是安装2.6.11版本vue。以后安装jquery也可以使用bower install jquery去安装
菜鸟初学vue,先从安装npm
菜鸟初学vue,先从安装npm
菜鸟初学vue,先从安装npm