Vue创建一个简单的脚手架示例

梦想不抛弃苦心追求的人,只要不停止追求,你们会沐浴在梦想的光辉之中。再美好的梦想与目标,再完美的计划和方案,如果不能尽快在行动中落实,最终只能是纸上谈兵,空想一番。只要瞄准了大方向,坚持不懈地做下去,才能够扫除挡在梦想前面的障碍,实现美好的人生蓝图。Vue创建一个简单的脚手架示例,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

创建一个简单的Vue脚手架实例,首先需要安装Node.js,在官网下载后安装即可

安装完之后可以在cmd内输入命令查看是否安装成功

npm -v 和node -v

如果显示版本号则说明已经安装完成了,之后就是安装Vue,在cmd内输入命令:

npm install -g @vue/cli

等待一段时间安装完成之后,在cmd界面输入vue命令测试,在开始使用的时候可能会遇到一些问题,比如:

Vue创建一个简单的脚手架示例

 出现这个问题表示系统禁用脚本,需要在管理员权限下打开cmd输入命令:set-executionpolicy

然后输入Y回车就可以了

Vue创建一个简单的脚手架示例

这里需要注意的就是需要在管理员权限下打开cmd,否则会报错

再次输入vue之后出现提示的界面就表示已经安装完成可以使用了

Vue创建一个简单的脚手架示例 可以使用cd命令切换到脚手架的存放路径,也可以手动打开脚手架的存放路径之后再按住Shift键点击鼠标右键,选择”在此处打开PowerShall窗口“打开cmd窗口

然后输入命令:vue create 脚手架的名字 进行脚手架的初步创建

Vue创建一个简单的脚手架示例

在这个界面是选择Vue的版本,第一个是Vue3,第二个是Vue2,第三个是自定义,本次以Vue2作为实例所以选择创建Vue2的脚手架 ,选中之后按下回车,等待进度条跑完安装成功之后,会显示如下界面:

Vue创建一个简单的脚手架示例

 可以看到蓝色的字体显示的就是提示,提示下一步之后就是进入创建完的脚手架目录并run起来

Vue创建一个简单的脚手架示例

 当我们依次输入以上命令之后按下回车,Vue脚手架就开始运行了,在运行完成之后会显示如下界面:

Vue创建一个简单的脚手架示例

 第一个路径是本机的访问路径,第二个路径是同一局域网下的访问路径,右下角的洋文说的是现在这个项目并不是生产版本,使用它的命令创建生产版本,将第一个访问路径复制粘贴到浏览器的地址栏,按下回车就能看到Vue脚手架的创建界面:

Vue创建一个简单的脚手架示例

恭喜,一个简单的Vue脚手架就搭建完成了!!! 

在创建Vue脚手架的时候需要注意的问题:

 名字不能包含大写字母

Vue创建一个简单的脚手架示例

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/153366.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!