当前位置: 首页 > 后端技术 > PHP

vue安装和创建项目的几种方式

时间:2023-03-29 19:06:33 PHP

原文地址:https://www.wjcms.net/archive...VUE安装方式直接用script标签导入做原型或者学习,可以这样用最新版:对于生产环境,我们建议链接到明确的版本号和构建文件以避免意外损坏新版本引起的:如下方式安装需要安装node和npm工具advanceNPM推荐使用Vue构建大型应用时使用npm安装#最新稳定版sudonpminstallvue命令行工具(CLI)vueCLI是官方的单页应用(SPA)脚手架工具,超级简单快速。安装vue只需要一条命令。sudonpminstall-g@vue/cli安装后,可以在命令行访问vue命令。您可以通过简单地运行vue查看它是否显示所有可用命令的帮助消息来验证它是否安装成功。也可以使用这个命令查看版本是否正确:vue--versionVUE创建项目的方式vuecreate命令创建项目运行命令vuecreate项目名称setmirror会提示是否使用淘宝镜像安装,在此处输入y并按Enter您与默认yarn注册表的连接似乎很慢。使用https://registry.npm.taobao.org安装更快?选择默认设置然后会提示你选择设置,这里是默认的。按EnterVueCLIv4.4.6?Pleasepickapreset:(Usearrowkeys)?default(babel,eslint)手动选择features选择包管理工具然后提示选择要安装的包工具使用什么。这里选择npm,然后回车选择安装依赖时要使用的包管理器:使用Yarn?使用NPM然后会自动创建一个完整的项目!运行项目,进入项目目录,运行命令查看。cdvue222npmrunserve除上述命令方式外,第二种方式还提供了可视化创建工具。运行命令vueui并在浏览器中打开网站。如果端口被占用,可能是其他的,不影响使用。ctrl+c可以通过终端服务进入浏览器操作。打开后,你会看到如下界面。然后点击Create,选择最下面的在这里创建一个项目,最上面的路径可以选择。然后输入项目名称,包管理工具选择npm,点击Next选择Configuration,默认即可。只需等待它完成即可。有什么问题可以私信我,我会及时解答。