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

 

第一步：安装node.js

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

 

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

 

 

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

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

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

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

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

 

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

 

 

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

 

 

第四步：创建项目

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

 

 

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

执行命令之后如图操作：

 

 

执行完成后，Ctrl+c结束

 

第五步：执行安装

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

 

 

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

 

 

接下来就是等待安装完成；安装完成后会生成一个url地址，如图：

 

 

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

 

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