vue-cli3创建项目

来源：互联网 2023-02-21 19:29:40 版权归原作者所有，如有侵权，请联系我们

使用vue-cli搭建项目非常简单，现在vue-cli已经出了新的vue-cli3，如何使用vue-cli3的命令搭建项目呢?一起来看一下吧

vue-cli3创建项目

方法/步骤

在使用vue-cli3搭建项目的需要准备工具

1.安装node.js

2.安装vue-cli3

把node.js、vue-cli3安装好后使用 win r 快捷键打开运行对话框，在这个对话框中输入 cmd

vue-cli3创建项目

创建项目。在弹出的cmd命令界面中输入: vue create test ，然后按回车健。

其中test是项目名，在案例中使用vue-cli创建一个test项目

vue-cli3创建项目

在提示的选择预设项目时如果没有其它特别需要安装的插件，就直接选择default即可，如果有其他需要安装的就选择Manually select features后再根据提示选择需要安装的（案例中选择default）。

vue-cli3创建项目

等vue-cli搭建好项目后就会出现 cd test 和 npm run serve的蓝色字提示。

vue-cli3创建项目

5相关内容非法爬取自百度经验

根据提示先输入cd test进入项目，然后再输入npm run serve运行项目。

vue-cli3创建项目

项目运行成功后会出现一个-local、-network提示信息，可以从中选择一个地址拿复制到浏览器地址栏上运行。

vue-cli3创建项目

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！