创建一个简单的Vue脚手架实例,首先需要安装Node.js,在官网下载后安装即可
安装完之后可以在cmd内输入命令查看是否安装成功
npm -v 和node -v
如果显示版本号则说明已经安装完成了,之后就是安装Vue,在cmd内输入命令:
npm install -g @vue/cli
等待一段时间安装完成之后,在cmd界面输入vue命令测试,在开始使用的时候可能会遇到一些问题,比如:
出现这个问题表示系统禁用脚本,需要在管理员权限下打开cmd输入命令:set-executionpolicy
然后输入Y回车就可以了
这里需要注意的就是需要在管理员权限下打开cmd,否则会报错
再次输入vue之后出现提示的界面就表示已经安装完成可以使用了
可以使用cd命令切换到脚手架的存放路径,也可以手动打开脚手架的存放路径之后再按住Shift键点击鼠标右键,选择”在此处打开PowerShall窗口“打开cmd窗口
然后输入命令:vue create 脚手架的名字 进行脚手架的初步创建
在这个界面是选择Vue的版本,第一个是Vue3,第二个是Vue2,第三个是自定义,本次以Vue2作为实例所以选择创建Vue2的脚手架 ,选中之后按下回车,等待进度条跑完安装成功之后,会显示如下界面:
可以看到蓝色的字体显示的就是提示,提示下一步之后就是进入创建完的脚手架目录并run起来
当我们依次输入以上命令之后按下回车,Vue脚手架就开始运行了,在运行完成之后会显示如下界面:
第一个路径是本机的访问路径,第二个路径是同一局域网下的访问路径,右下角的洋文说的是现在这个项目并不是生产版本,使用它的命令创建生产版本,将第一个访问路径复制粘贴到浏览器的地址栏,按下回车就能看到Vue脚手架的创建界面:
恭喜,一个简单的Vue脚手架就搭建完成了!!!
在创建Vue脚手架的时候需要注意的问题:
名字不能包含大写字母
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/153366.html