图文详解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 相关文章推荐
javascript第一课
Feb 27 Javascript
JavaScript和ActionScript的交互实现代码
Aug 01 Javascript
javascript的console.log()用法小结
May 31 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
javascript瀑布流式图片懒加载实例解析与优化
Feb 23 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
May 30 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
Feb 14 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
JS数组交集、并集、差集的示例代码
Aug 23 Javascript
微信小程序之数据缓存的实例详解
Sep 29 Javascript
基于Three.js实现360度全景图片
Dec 30 Javascript
uni-app实现点赞评论功能
Nov 25 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 一元分词算法
2009/11/30 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
js创建表单元素并使用submit进行提交
2014/08/14 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
2014/12/20 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
2016/11/30 Javascript
js微信应用场景之微信音乐相册案例分享
2017/08/11 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
VeeValidate在vue项目里表单校验应用案例
2018/05/09 Javascript
NodeJS实现一个聊天室功能
2019/11/25 NodeJs
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
使用cx_freeze把python打包exe示例
2014/01/24 Python
通过实例浅析Python对比C语言的编程思想差异
2015/08/30 Python
深入解析Python设计模式编程中建造者模式的使用
2016/03/02 Python
python编程实现12306的一个小爬虫实例
2017/12/27 Python
python实现日常记账本小程序
2018/03/10 Python
Python实现绘制双柱状图并显示数值功能示例
2018/06/23 Python
Python udp网络程序实现发送、接收数据功能示例
2019/12/09 Python
Django数据库操作之save与update的使用
2020/04/01 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
css3实现信纸/同学录效果的示例代码
2018/12/11 HTML / CSS
Android面试宝典
2013/08/06 面试题
解释下面关于J2EE的名词
2013/11/15 面试题
青年教师培训方案
2014/02/06 职场文书
小学生优秀评语
2014/12/29 职场文书
帝企鹅日记观后感
2015/06/10 职场文书
培根随笔读书笔记
2015/07/01 职场文书
python通过函数名调用函数的几种方法总结
2021/06/07 Python
python基础之错误和异常处理
2021/10/24 Python
据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元
2021/11/11 Python
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA
《最终幻想14》6.01版本4月5日推出 追加新任务新道具
2022/04/03 其他游戏
实战Python爬虫爬取酷我音乐
2022/04/11 Python