图文详解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类中获取外部函数名的方法与代码
Sep 12 Javascript
jQuery中需要注意的细节问题小结
Dec 06 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 Javascript
jquery查找父元素、子元素(个人经验总结)
Apr 09 Javascript
jQuery前端框架easyui使用Dialog时bug处理
Dec 05 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
基于JavaScript实现无缝滚动效果
Jul 21 Javascript
vue完成项目后,打包成静态文件的方法
Sep 03 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
Dec 28 Javascript
JavaScript Array对象基本方法详解
Sep 03 Javascript
详解JavaScript中的this指向问题
Feb 05 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
10 个经典PHP函数
2013/10/17 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
PHP错误Cannot use object of type stdClass as array in错误的解决办法
2014/06/12 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
浅谈php中curl、fsockopen的应用
2016/12/10 PHP
检测是否已安装 .NET Framework 3.5的js脚本
2009/02/14 Javascript
js css后面所带参数含义介绍
2013/08/18 Javascript
js控制input输入字符解析
2013/12/27 Javascript
浅析js预加载/延迟加载
2014/09/25 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
你有必要知道的25个JavaScript面试题
2015/12/29 Javascript
JS无缝滚动效果实现方法分析
2016/12/21 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
原生js实现节日时间倒计时功能
2017/01/18 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
vue使用map代替Aarry数组循环遍历的方法
2020/04/30 Javascript
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
安装python3的时候就是输入python3死活没有反应的解决方法
2018/01/24 Python
python3 unicode列表转换为中文的实例
2018/10/26 Python
详解python 爬取12306验证码
2019/05/10 Python
django fernet fields字段加密实践详解
2019/08/12 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
西班牙第一的网上药房:PromoFarma.com
2017/04/17 全球购物
人力资源经理的岗位职责
2014/03/02 职场文书
公司合作意向书
2014/04/01 职场文书
园林系毕业生求职信
2014/06/23 职场文书
2015关爱留守儿童工作总结
2014/12/12 职场文书
捐助倡议书
2015/01/19 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
css3新特性的应用示例分析
2022/03/16 HTML / CSS
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python