最近看狂神的Vue教程,发现里面关于vue-cli的安装教程已经比较老了,于是自己摸索了一套vue-cli的安装教程,欢迎大佬们指正~
node -v
,查看是否能够正确打印出版本号即可!npm -v
,查看是否能够正确打印出版本号即可!npm install -g npm -- 默认升级为最新版本
查看npm版本
npm -v
重新加载项目依赖(一定要执行)
npm install
npm config set registry https://registry.npm.taobao.org
查看是否配置成功:
npm config get registry
npm install -g @vue/cli
注:-g代表全局安装
vue cli的包名称由vue-cli改成了@vue/cli 如果你再以前已经安装了vue-cli 那么你需要先将老版本卸载。
安装缓慢,耐心等待,若卡住不动鼠标点击命令窗户后按几下回车~~~
卸载命令:
npm uninstall vue-cli -g
卸载完成后再去安装新版本cli
我这里一堆警告,代表依赖包过时了,不过问题不大,先不要管他╮(╯▽╰)╭
查看vue版本号:
vue -V
说明vue-cli安装成功
我们随便建立一个空的文件夹在电脑上,我这里在D盘下新建一个目录
D:\狂神Vue
#myvue是项目名称,可以根据自己的需求起名(尽量全小写) vue init webpack myvue
一路都选择no即可;
说明:
cd myvue npm install
依旧是很多警告,接下来就来更新这些依赖包
npm install -g npm-check-updates
检查可更新列表:
ncu
根据提示信息,执行命令,直接更新到package.json:
ncu -u
根据提示,安装依赖即可完成更新 :
npm install -g
注:可以看到我这里运行npm install报错,进行全局安装则没问题
再次检查可更新列表:
所有依赖都已更新到最新版本(●'◡'●)
npm run dev
运行成功O(∩_∩)O
浏览器访问http://localhost:8080
成功!!!
在cmd页面按CTRL + c