Vue出了3.0,探下坑的深浅。
准备工作,
1、安装Node.js,配置环境变量,测试node 版本 node -v 显示 v10.15.0
2、yarn, nrm安装及npm registry设置
npm i nrm -g
npm i yarn -g
yarn global add nrm
3、查看可用的npm源
nrm ls
4、切换npm源(以使用taobao为例)
nrm use taobao
验证是否成功 nrm ls
5、安装vue-cli 3.0
1、安装
npm i -g @vue/cli 或者 yarn global add @vue/cli
2、创建vue-app
项目
vue create vue-app
3、选择配置项,单选使用 up down键,选择多选space选中*
4、启动
//
进入到vue-
test
项目 cd
vue-
test
//启动服务
yarn serve
坑1: 如果之前安装过vue,需要提前卸载掉 npm uninstall vue-cli -g,事实上,vue既卸载不掉,也安装不上。
使用vue -V的命令,显示2.9.1。
解决方案:
1、安装Nodejs时会自动安装npm,但是局路径是C:\Users\Caffrey\AppData\Roaming\npm
默认的缓存路径是C:\Users\Caffrey\AppData\Roaming\npm-cache;
查看npm安装目录 npm root -g
查看npm的prefix和cache路径配置信息 npm config get cache 、 npm config get prefix
查看npm配置信息 npm config list
修改全局和缓存路径 先在设置路径目录下新建两个文件夹
npm config set prefix "D:\ProgramFile\nodejs\node_modules\node_global"
npm config set cache "D:\ProgramFile\nodejs\node_modules\node_cache"