图文详解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和JQuery实用代码片段(一)
Apr 07 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
JS刷新框架外页面七种实现代码
Feb 18 Javascript
在AngularJS中使用jQuery的zTree插件的方法
Apr 21 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
Oct 03 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 Javascript
JavaScript在控件上添加倒计时功能的实现代码
Jul 04 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
Jan 16 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
Aug 27 Javascript
vue使用element-ui按需引入
May 20 Vue.js
详解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数组转换js数组操作及json_encode的用法详解
2013/10/26 PHP
php获取字符串中各个字符出现次数的方法
2015/02/23 PHP
解析PHP之提取多维数组指定列的方法
2017/01/03 PHP
Django中通过定时任务触发页面静态化的处理方式
2018/08/29 PHP
PHP 计算两个时间段之间交集的天数示例
2019/10/24 PHP
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
js运动框架_包括图片的淡入淡出效果
2013/05/11 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
js中Object.defineProperty()方法的不详解
2018/07/09 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
vue 自定义右键样式的实例代码
2019/11/06 Javascript
Python基于pillow判断图片完整性的方法
2016/09/18 Python
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
详解Python pygame安装过程笔记
2017/06/05 Python
Python有序字典简单实现方法示例
2017/09/28 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
Django学习笔记之ORM基础教程
2018/03/27 Python
关于python2 csv写入空白行的问题
2018/06/22 Python
Pyinstaller 打包exe教程及问题解决
2019/08/16 Python
Django contrib auth authenticate函数源码解析
2020/11/12 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
存储过程的优点有哪些
2012/09/27 面试题
如何用Python输出一个Fibonacci数列
2016/08/28 面试题
行政助理工作职责范本
2014/03/04 职场文书
2014司机年终工作总结
2014/12/05 职场文书
学校食品安全责任书
2015/01/29 职场文书
2015年高三教学工作总结
2015/07/21 职场文书