图文详解vue框架安装步骤


Posted in Javascript onFebruary 12, 2019

vue安装

首先第一步,安装javascript运行环境node.js,根据你系统是32位或64位安装文件如下图。

图文详解vue框架安装步骤

第二步,安装Nodejs下的包管理器,打开windows命令窗口,输入“npm install -g cnpm --registry=https://registry.npm.taobao.org”命令安装。如下图所示。

图文详解vue框架安装步骤

第三步,安装vue-cli脚手架构建工具,在windows命令窗口输入"cnpm install -g vue-cli",如下图所示

图文详解vue框架安装步骤

第四步,在windows命令窗口输入“vue”,如出现下图所示,表示安装成功。

图文详解vue框架安装步骤

第五步,输入"cd 安装的目的路径“,"输入"vue init webpack 项目名"创建项目,具体命令见下图。

图文详解vue框架安装步骤

到安装好的项目文件夹,输入“npm run dev”运行项目,具体操作见下图。

图文详解vue框架安装步骤

最后在浏览器输入“localhost:8080”看运行效果。

图文详解vue框架安装步骤

步骤很简单大家可以跟着学习下,感谢大家对三水点靠木的支持。

Javascript 相关文章推荐
js实现iframe动态调整高度的代码
Jan 06 Javascript
2014最热门的JavaScript代码高亮插件推荐
Nov 25 Javascript
简介JavaScript中的push()方法的使用
Jun 09 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
Aug 12 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
javascript学习小结之prototype
Dec 03 Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 Javascript
原生js实现倒计时--2018
Feb 21 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
Apr 04 jQuery
angularjs实现猜数字大小功能
May 20 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
Jun 08 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 14 Javascript
详解vue组件中使用路由方法
Feb 12 #Javascript
说说Vue.js中的functional函数化组件的使用
Feb 12 #Javascript
详解Vue用cmd创建项目
Feb 12 #Javascript
谈谈JavaScript中super(props)的重要性
Feb 12 #Javascript
微信小程序实现的自定义分享功能示例
Feb 12 #Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
Feb 12 #Javascript
实例分析编写vue组件方法
Feb 12 #Javascript
You might like
PHP 开发环境配置(测试开发环境)
2010/04/28 PHP
PHP跳转页面的几种实现方法详解
2013/06/08 PHP
PHP中文乱码解决方案
2015/03/05 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
2014/09/17 Javascript
JS实现自适应高度表单文本框的方法
2015/02/25 Javascript
JavaScript数据结构与算法之集合(Set)
2016/01/29 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
js实现为a标签添加事件的方法(使用闭包循环)
2016/08/02 Javascript
浅谈Node.js:理解stream
2016/12/08 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
jQuery实现炫丽的3d旋转星空效果
2018/07/04 jQuery
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
Python with用法实例
2015/04/14 Python
Python数据类型详解(一)字符串
2016/05/08 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
Python面向对象之继承和组合用法实例分析
2018/08/27 Python
python 接收处理外带的参数方法
2018/12/03 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
日本乐天官方海外转运服务:Rakuten Global Express
2018/11/30 全球购物
乌克兰网上珠宝商店:GoldSoveren
2020/03/31 全球购物
库房主管岗位职责
2013/12/31 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
2014年终工作总结范本
2014/12/15 职场文书
东京审判观后感
2015/06/01 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书
DSP接收机前端设想
2022/04/05 无线电