Vue学习01_Vue环境的搭建

Vue环境的搭建

首先先检查下自身电脑的node与npm版本,没有就去下载:
Vue学习01_Vue环境的搭建
然后下载vue:通过命令行npm install -g vue-cli进行下载:
Vue学习01_Vue环境的搭建
在这里你可能遇到这样的问题,提示你某文件已经存在,根据提示进入c盘文件夹,然后将vue文件删除即可:
继续执行命令行npm install -g vue-cli即可下载成功:

  1. 创建vue项目:
    创建vue项目的命令为:vue init webpack myProject,其中myProject是你的项目名称:
    在这里,我得项目名称取名为myvue:
    Vue学习01_Vue环境的搭建
    紧接着你将收到一系列问题,直接一路回车就行:等待一会后就出现如下提示:
    Vue学习01_Vue环境的搭建
    两条命令的意思分别是进入myproject目录以及启动vue项目,跟着输入完成以后,在浏览器输入:http://localhost:8080
    即可查看到创建的vue项目:
    Vue学习01_Vue环境的搭建