新手学习记录vue

Vue学习记录1：
配置以及安装：
1.傻瓜式安装完成nodejs
网址http://nodejs.cn/download/

以后一些就安装包啊 啥完成之类的就不做记录
其次 win+R 输入cmd
输入指令测试看下安装成功与否 ，顺便看一下版本
node -v
npm -v

接着
轮到vue的安装前的步骤
首先确保 node 和npm都没问题 配置安装路径
原本下载路径应该在c盘的 用户文件 后面具体都不一样 我就举例一下我的
C:\Users\11514\AppData\Roaming\npm
然后就是要修改一下路径，我自己就换到D盘去了
先查看默认安装路径 用 npm list -global
一般都会显示
C:\Users\11514\AppData\Roaming\npm

我这修改完成后就

换成了我自个创建的安装路径
下面来讲解如何换默认安装路径
首先
在自己想安装的地方创建文件夹
例如我自己就是
D:\web\nodejs
在里面创建2个文件夹
D:\web\nodejs\node_cache和
D:\web\nodejs\node_global
创建完成后
win+R cmd

这里提示一下，因为之前自己已经安装过vue 和vue-cli 2版本还有一些其他的。导致
安装新的vue-cli 3版本的时候 在cmd 输入 vue ui一直出不来，就输入没反应 查看vue -h也没ui的指令
vue -V看版本也是 2.9.6一直上不去。这里提供解决方法（这是属于安装了旧版本的Vue-cli想换新的但又出错的解决方法）首先查看Npm默认安装路径 也就是 npm list -global如果就是默认路径不改的话，就没那么多麻烦，改了的话，要改环境变量（win10举例子） 右键我的电脑点击属性在点击右边的更改设置

点击环境变量

新建一个NODE_PATH 路径就写 D:\web\nodejs\node_global\node_modules注意node_modules
然后点击path点编辑找出之前的默认路径C:\Users\11514\AppData\Roaming\npm我的是这个
自己找一下相似的，然后点击编辑
改成自己刚刚建立的路径
然后千万注意，此时要重启。我没重启在这花了点时间。
重启之后重新npm list -global
如果还是之前的默认路径 不要慌
重新再设置一下就得了

更改前和更改后的路径 。如果没改过来。可以找一下
这个文件，删除一下。还有如果之前安装过的要进入默认安装目录把

文件夹删除。之后就是vue的安装
npm install vue -g //-g是指安装到你自己更改的目录
npm install vue-router -g //路由安装
npm install -g @vue/cli //最新版本的安装

安装完成测试一下
vue -V记住-V大写

完成；
vue -h看一下基本指令和信息

vue ui指令有了。可视化界面就可以运行了。