VUE脚手架安装

VUE脚手架--VUE CLI

1）Node.js: javascript运行环境(runtime

【1】Vue开发环境：),不同系统直接运行各种编程语言

2）npm: Nodejs下的包管理器。

3）webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

4）vue-cli: 用户生成Vue工程模板

 

注意关于VUE CLI脚手架不用重复安装，vue -V检查VUEVUE CLI脚手架是否安装，如果曾经安装过需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它

 

【2】安装VUE CLI

安装VUE CLI需要先安装Node.js,VUE CLI是依赖Node.js的 npm管理器下载

关于npm：

1. 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
2. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

3、允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用

      我的理解就是npm是一个基于命令行的形式来进行软件的下载和上传  很方便，免去了我们去到官网上去下载。一般我们只需要下载安装nodejs即可，里面包含有npm，下载安装完成之后记得配置环境变量

注意：使用npm下载过于慢的话，可以安装淘宝镜像，请看nodejs的安装与配置

 

 VUE CLI安装在cdm输入：

npm install -g @vue/cli  

简：npm i -g @vue/cli

 

VUE CLI安装异常解决方案

【1】npm下载过于慢的话，要么手动到gihub下载，要么可以安装淘宝镜像提高下载速度

【2】安装VUE CLI成功输入验证vue -V无法识别，请到环境变量的用户变量的path看看文件路径是否配置正确

 

其他

【1】更新npm到最新版本。

npm install npm -g

【2】清理npm缓存

有些时候由于网络问题导致下载失败，再次重新下载后会有一个错误的json报错，这个是因为你上一次下载的时候的缓存问题，我们只需要清楚npm缓存就好了，

npm cache clean --force

【3】安装cli时还有可能出现-4080错误 ，这个时候说明是权限不够