史上最全最详细 Vue 0基础安装教程
第一步:安装node.js1、检查是否有安装node.js 没有的话请到http://nodejs.cn/node.js官网下载安装!(傻瓜式安装) 第二步:执行$npm -v 查看版本号 第三步:vue-cli脚手架安装备注:如果访问外网比较慢的话,可以使用国内镜像执行:$npm install -g cnpm --registry=https://r...
第一步:安装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地址,如图:
然后浏览器访问上图地址,你就会发现成功啦
不懂的朋友,可以在下方给我留言,我会及时回复的
更多推荐
所有评论(0)