VUE脚手架的具体用途

什么是vue脚手架？

他是一个快速构建vue项目的工具，通过它我们可以安装vue需要的文件。

构建工具Vue-cli大大降低了使用webpack的难度，支持热更新，并得到webpack-dev-server的支持。

相当于启动一个请求服务器，为你设置一个测试环境，只关注开发就可以了。

安装脚手架

脚手架需要用cnpm(淘宝镜像)安装，直接用pip安装会失败。安装cnpm的命令如下：

npm安装cnpm-g-registry=https://registry . NPM . Taobao . org

输入：cnpm-V查看cnpm是否安装成功。

注意V必须大写。

安装vue脚手架并订购下车：

Cnpm install -g vue-cli安装成功，如下所示

然后使用vue-V查看安装是否成功。

如果安装失败，cnpm的版本可能太低，所以请更新cnpm的版本。

Cnpm更新必须手动更新，更新命令如下：

Npm install -g npm可以使用命令vue init webpack myitem创建一个vue

脚手架。

解释命令：

Vue init使用vue-cli初始化项目。

webpack意味着使用webpack作为构建工具。

Firstvue是项目名称。注意：建议项目名称使用小写字母。

安装过程中将会暂停。您可以单击“输入”继续下一步。

安装vue路由器？是否安装了vue的路由？如果你想做前后项目，你应该选择是。建议选择是。

挑选一个单元测试员是单元测试吗

其他人有自己的需求可以选择

安装成功后，将显示这两个命令：

这时，进入你的新vue项目的目录，你会发现他已经创建了一个新的mytime文件夹

在运行项目之前，您需要安装依赖项。命令如下：

cnpm安装

Vue需要在黑窗口启动。

开始前输入vue项目的根目录。输入命令：

Cd mytime进入根目录

Npm运行开发启动项目

成功启动效果如下：

在谷歌浏览器中打开的复制路由： http://localhost:8081将显示页面：

这时，一个完整的vue脚手架成功搭建。

将新的vue项目拖到编程软件：的根目录下

这些文件将会出现，此时，您可以编辑它们

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。