Vue3.x 探坑之旅

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"