图文详解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面向对象、prototype、call()、apply()
May 14 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
JavaScript观察者模式(经典)
Dec 09 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
Dec 08 Javascript
Map.vue基于百度地图组件重构笔记分享
Apr 17 Javascript
浅谈node的事件机制
Oct 09 Javascript
vue 文件目录结构详解
Nov 24 Javascript
javascript实现循环广告条效果
Dec 12 Javascript
微信小程序实现自定义modal弹窗封装的方法
Jun 15 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
vue项目中微信登录的实现操作
Sep 08 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
discuz 首页四格:最新话题+最新回复+热门话题+精华文章插件
2007/08/19 PHP
PHP中substr()与explode()函数用法分析
2014/11/24 PHP
php实现的日历程序
2015/06/18 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
从JQuery源码分析JavaScript函数的apply方法与call方法
2014/09/25 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
2016/06/14 Javascript
jQuery soColorPacker 网页拾色器
2016/06/22 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
2019/08/23 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
2020/08/31 Javascript
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
使用Mixin设计模式进行Python编程的方法讲解
2016/06/21 Python
详解Swift中属性的声明与作用
2016/06/30 Python
在django中使用自定义标签实现分页功能
2017/07/04 Python
python实现简单登陆流程的方法
2018/04/22 Python
基于pip install django失败时的解决方法
2018/06/12 Python
Python实现语音识别和语音合成功能
2019/09/20 Python
pytorch-RNN进行回归曲线预测方式
2020/01/14 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
Pandas中DataFrame基本函数整理(小结)
2020/07/20 Python
Python Unittest原理及基本使用方法
2020/11/06 Python
Lookfantastic日本官网:英国知名护肤、化妆品和头发护理购物网站
2018/04/21 全球购物
对于没有初始化的变量的初始值可以作怎样的假定
2014/10/12 面试题
数控专业个人求职信范文
2014/02/05 职场文书
《盘古开天地》教学反思
2014/02/28 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
新教师培训心得体会
2014/09/02 职场文书
大客户经理岗位职责
2015/04/09 职场文书
详解OpenCV曝光融合
2022/04/29 Python