如何安装与使用vue-cli脚手架

介绍

这篇文章将为大家详细讲解有关如何安装与使用vue-cli脚手架,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

<强>安装步骤:

1, cmd打开命令行窗口

2,输入npm安装vue-cli - g,然后回车等待

如何安装与使用vue-cli脚手架

3,安装结束后输入vue查看是否安装成功

如何安装与使用vue-cli脚手架“> <br/> 4,运行vueinitwebpack演示(注:项目名称)回车,(想在哪个目录建立vue项目就要在进入到对应目录再输入命令)</p> <p> <img src=

6,项目描述后面可以写上描述,或者直接回车

如何安装与使用vue-cli脚手架“> <br/> </p> <p> 7,作者后面可以写作者也可以回车(如果配置过git会自动获取git的名字)</p> <p> <img src=

11、设置和夜班e2e测试吗?选n(用守夜设置E2E测试?)

如何安装与使用vue-cli脚手架

12,我们应该运行npm安装的项目创建后给你吗?(recomm 结束)(用箭头键)选择使用npm,还是纱安装,一般都是直接回车就好

如何安装与使用vue-cli脚手架

13,这个时候在你创建的目录下就有你的目录了

如何安装与使用vue-cli脚手架

14日光盘你的目录名然后输入npm运行dev启动应用,启动成功它会自动打开一个vue页面

如何安装与使用vue-cli脚手架“> <br/> <img src=

到此为止你已经学会了怎么安装vue-cli脚手架工具了,下面我简单的说明下各个目录都是干嘛的:

如何安装与使用vue-cli脚手架

main.js的介绍

el是挂载点,路由器是路由

应用程序。vue是整个文件的入口,有三部分,模板模板脚本逻辑风格样式

关于如何安装与使用vue-cli脚手架就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

如何安装与使用vue-cli脚手架