在最初的项目开发中，如果我们使用第三方库，我们将直接使用脚本元素标签将其导入到项目中。

脚本src='http:/XXX . js '/脚本

Vue，我们也可以这样介绍

Div id='根' {name}}/div脚本src=' http:/dist/vue . js '/script script const VM=new vue({ El : ' # root '，data : { name : ' vue ' })/script跟随前端

当我们正式开始Vue项目时，我们安装了一个Vue Devtools，一个官方的Vue调试chrome插件。安装后，我们可以在chrome控制台上看到我们创建的Vue的对象实例。

脚手架

Vue为我们提供了上述所有的项目介绍方式。除此之外，Vue还为我们提供了一个非常流行且强大的脚手架(Vue CLI)工具，可以在短短几分钟内构建出一个完整的单页应用(SPA)项目。它包括：热加载、验证、打包等工具构建项目；让我们一步一步地建立一个新项目。

替换工具

//NPM NPM安装-g @ vue/CLI//纱纱全局Add @ vue/CLI安装完成后，我们将验证安装是否成功。如果执行以下命令后安装成功，将显示版本号。我安装的版本是3.0.4。

vue版本

如果你想让我祝贺你成功安装，如果不成功，你可以检查权限或者用cnpm试试。

成功安装后，我们可以通过执行以下命令来创建一个完整的项目案例。

vue创建我的项目

执行上述命令后，我们将选择是遵循默认配置还是选择执行配置。如果你已经非常熟悉脚手架工具或者默认配置不能满足你的需求，可以自己选择配置，但是建议不熟悉的同学还是使用默认配置。

安装完成后，我们可以通过执行以下命令来查看我们的初始化项目。

我在这里给了8080端口。我们在本地访问localhost:8080来查看我们的初始化项目

摘要

以上就是边肖介绍的项目中如何使用和配置Vue。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！