首页 > web前端 > js教程 > 图解vue的安装与项目的建立

图解vue的安装与项目的建立

零到壹度
发布: 2018-04-04 11:21:41
原创
1127 人浏览过

这篇文章主要介绍了图解vue的安装与项目的建立,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

 首次学习vue,一起学习,先安装了node.js,官网下载是https://nodejs.org/en/download/

安装完成后,打开命令窗口输入node -v

会出现版本号说明安装完成。安装node的时候npm也随之安装上去了

这两个安装完成后,可以全局安装vuecli命令是npm install global  vue-cli(只执行一遍就可以)

此时应该有vue.cmd文件了,如果搜索不到的话,可以用 搜索 Everything查询vue.cmd的位置。环境变量编辑path


此时重新打开命令窗口

发现vue已经安装完成了,那么我们可以创建项目了,随便创建个文件夹,在此文件夹下面打开命令窗口

依次输入以下命令


当你的项目出现下面字段时就是创建完成了

说明你创建的项目是demo_test完成了,在此文件下打开命令窗口,输入npm  run dev,就是启动完成

出来这样的界面就是启动完成了,打开你的浏览器,输入http://localhost:8080/  项目创建完成

以上是图解vue的安装与项目的建立的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板