史上最全最详细 Vue 0基础安装教程

第一步:安装node.js

1、检查是否有安装node.js 没有的话请到http://nodejs.cn/node.js官网下载安装!(傻瓜式安装)

第二步:执行$npm -v 查看版本号

QQ截图20180417220712.jpg

第三步:vue-cli脚手架安装

备注:如果访问外网比较慢的话,可以使用国内镜像

执行:$npm install -g cnpm --registry=https://registry.npm.taobao.org 回车即可

安装完成后就可以使用$cnpm了来执行命令了

在下面我依然使用$npm来执行安装命令

接下来就是执行:$ npm install --global vue-cli

2.jpg

等待下载安装完成:如下界面说明安装完成

3.jpg

第四步:创建项目

执行命令:$ vue init webpack vue-demo

4.jpg

备注:我是在桌面直接创建的项目,大家也可以自定义文件夹创建,vue-demo  项目名称

执行命令之后如图操作:

5.jpg

执行完成后,Ctrl+c结束

第五步:执行安装

 cd vue-demo 进入项目,执行安装

6.jpg

进入项目之后执行:$npm run dev

7.jpg

接下来就是等待安装完成;安装完成后会生成一个url地址,如图:

9.jpg

然后浏览器访问上图地址,你就会发现成功啦

不懂的朋友,可以在下方给我留言,我会及时回复的

猜你喜欢

转载自blog.csdn.net/qq_36204611/article/details/81185121
今日推荐