第一步:安装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

 

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

 

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

 

 

Logo

前往低代码交流专区

更多推荐