【Vue】Vue-cli(脚手架)的安装与配置（一步一步图文）

注意：安装Vue-cli(脚手架)之前，必须先安装Node.js，如何安装请参考我下面的链接：

【Node.js】node.js的安装和部署（包括WebStorm和VsCode配置）_敦厚的曹操的博客-CSDN博客一、官网下载址1、最新版本下载Download | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/download/2、历史版本下载Index of /dist/https://nodejs.org/dist/二、下载和安装然后，下一步，下一步地安装就行了。三、检测是否安装和配置好环境cm...https://blog.csdn.net/dxnn520/article/details/122509453一、鼠标右键【左下角图标】，运行，cmd，确定

二、做淘宝镜像,输入：npm config set registry https://registry.npm.taobao.org，按回车

三、安装，输入：npm install -g @vue/cli ，按回车

如果中间有卡住的情况 ，就敲一下回车，出现下图，安装成功

 四、输入一下vue 或者vue -version，弹出下图，说明安装成功！

注意：如果没有出现，就关闭cmd窗口，再从进入，输入vue试试。

如果出现如下错误，就参考下面的链接

【Vue】错误 : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本的解决方法_敦厚的曹操的博客-CSDN博客【Vue】错误 : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本的解决方法https://blog.csdn.net/dxnn520/article/details/125255571

如果出现：'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。

就执行下面两个命令：

npm install -g vue
npm install -g @vue/cli
注意：第二个指令如果不成功，将npm更换为cnpm再试试。

 五、在脚手架环境中创建一个项目

1.建立或打开一个项目文件夹

 2、在地址栏输入：cmd，按回车

 3、创建一个项目名称，vue_demo是项目名称

 4、按上下箭头，选择vue 2，按回车

 5、出现这个，说明创建项目成功了，也得到了一个vue_demo的文件夹

六、打开创建项目的服务（类似开启IIS）

1、打开创建vue_demo的文件夹，地址栏输入：CMD

 2、进入cmd命令行模式

 3、输入：npm run serve

 4、出现下图，就可以访问脚手架项目中的文件了

 5、地址栏中输入：8080端口的网址