vue-cli3/4脚手架配置与安装

前言：
        这个搭建脚手架的话实际是我们创建一个新项目的第一步，当然，现在脚手架4.0都出来了，经过使用后发现跟我们之前的3.0使用方法是答题一样的，其中用vue-cli3.0来搭建我们的项目的话又分为两种，一种是直接用3.0的typescript的方法来创建使用项目，但是实际生活中我们会发现，这种语法应用还是比2.0那种语法来说难度更高一些，所以我们这里来说一说我们使用了vue3.0以后即想使用3.0的便捷和优点，又不想在对typescript掌握还不算特别充分的情况下就贸然的踏入这个领域。

出现问题的总结包括Mac版和Windows版！

安装4.0和3.0的步骤一样！！！国内npm不太好用，可以用cnpm,需要安装一下！

• 第一步：若原先安装过，查看命令。

vue --version   或者 vue -V（大写的V）

 若安装的小于vue-cli3版本，先执行下面的命令：

先卸载vue2.0的脚手架：npm  uninstall  vue-cli -g ，全局卸载
 
安装vue3.0的脚手架： npm  install  -g  @vue/cli ，全局安装

我在安装的时候遇到的错误，这里罗列一下：

问题1：我反正是弄了一下午，忘记是哪种办法了这里都写一下：

（第一种）删除绿色框中的文件，因为可能是卸载vue-cli没处理干净

（第二种）：安装vue-template-comilper，和vue版本一样

（第三种）在网络不好的情况下，最好是用手机热点

问题2：提示npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules/npm/node_modules/ansi。

sudo 是MAC版的解决方法。

在命令前面加sudo即可，例如：sudo npm  install  -g  @vue/cli，

然后password输入电脑的登录密码即可。

• 第二步：打开cmd窗口，输入命令 vue create + 你的项目名

可直接选default（使用默认配置），也可以Manually select features 是自定义配置

我选的是default，然后：

问题3：安装失败了，提示yarn版本过低：升级版本

yarn upgrade 用于更新包到基于规范范围的最新版本
 
yarn upgrade --latest # 忽略版本规则，升级到最新版本，并且更新 package.json

问题4：vue-cli3.0创建项目报ERROR command failed: npm install --loglevel error --registry------我是通过第一种解决的问题。

一、出现这个错误，首先需要排除，node，npm的版本问题。

解决办法：升级npm，node的版本。

npm版本升级问题

npm install -g npm  升级到npm最新版本

npm -v  查看当前npm版本

Mac 更新node版本

第一步，先查看本机node.js版本：

node -v

第二步，清除node.js的cache：

sudo npm cache clean -f

第三步，安装 n 工具，这个工具是专门用来管理node.js版本的，别怀疑这个工具的名字，是他是他就是他，他的名字就是 "n"

sudo npm install -g n

第四步，安装最新版本的node.js

sudo n stable

第五步，再次查看本机的node.js版本：

node -v

第六步，更新npm到最新版：

$ sudo npm install npm@latest -g

第七步，验证

node -v
npm -v

试了半天，一直出错，直接在官网下载最新版本即可！不用费力气写命令！

二、然后尝试清除npm缓存：

npm cache clean --force

三、关键方法：使用这个方法解决，GitHub上大拿们给的方法：

I am using "vue-cli 3.0.0-rc.1", I solve the problems by setting the ~/.vuerc from "useTaobaoRegistry": true, to false.

翻译：意思是，在我们使用vue-cli3.0时，通过设置json文件~/.vuerc里面的配置："useTaobaoRegistry": true;  这样就可解决问题。

解答1："useTaobaoRegistry"原先是false，将其设置为true。

解答2：文件，~/.vuerc的位置：

Windows下一般在电脑c盘下：

mac下在终端输入  open .vuerc即可打开文件。

然后继续 vue create + 你的项目名

• 第三步：运行项目

cd 项目名  //进入项目

npm run serve  //运行项目