码迷,mamicode.com
首页 > 其他好文 > 详细

如何安装vue-cli脚手架环境

时间:2018-07-13 17:49:34      阅读:331      评论:0      收藏:0      [点我收藏+]

标签:ack   web   提示   图片   如何   image   完成   .com   pack   

声明:我用的是window电脑

一、首先要安装node环境

搜索地址:https://nodejs.org/en/ 

上百度搜一定要搜英文版的官网,中文版的有问题(之前遇到过)

技术分享图片

点击左边的绿色按钮LTS 直接会下载

下载完成后 安装 ,随便安装在哪个位置,就默认的好了,然后一直next就ok了。

安装完成后再控制台查看版本node -v,npm -v

技术分享图片

看到这个就代表成功了。

二、安装全局vue-cli

npm install -g vue-cli
完成后在控制台输入vue -V查看版本,注意这里的-V要大写和上面的不一样

技术分享图片

这个就代表成功了

三、生成项目
我一般喜欢先进入d盘

技术分享图片

然后输入 vue init webpack xm

xm是项目名自定义就行了   其他的不变就好了

等待安装网速好的话很快,网速不好要等一会

出来后 会叫你选 一般出先(y/n) y就是yes n就是no

除了vue-router我选yes之外 基本上我选择no

选一个回车一个就行了

技术分享图片

技术分享图片

出现这个就说明成功了

然后你就根据他的提示

输入cd xm 进入到 xm的文件夹里面

技术分享图片

然后输入npm run dev

等待一段时间出现下面图片的样子就代表成功了

技术分享图片

然后进入浏览器里面输入

http://localhost:8080

显示下面图片的样子就是真正的成功了

技术分享图片

欢迎加群:822162679

 

 

 

 

 





如何安装vue-cli脚手架环境

标签:ack   web   提示   图片   如何   image   完成   .com   pack   

原文地址:https://www.cnblogs.com/GeekXwj/p/9305865.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!