图文详解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 相关文章推荐
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
JavaScript检测鼠标移动方向的方法
May 22 Javascript
jQuery无刷新切换主题皮肤实例讲解
Oct 21 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
Vue自定义图片懒加载指令v-lazyload详解
Dec 31 Javascript
Angularjs修改密码的实例代码
May 26 Javascript
JS路由跳转的简单实现代码
Sep 21 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
Nov 02 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
Apr 20 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
Feb 20 Javascript
JS call()及apply()方法使用实例汇总
Jul 11 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
传递参数的标准方法(jQuery.ajax)
2008/11/19 Javascript
Javascript基础教程之数据类型 (数值 Number)
2015/01/18 Javascript
JavaScript中两个字符串的匹配
2016/06/08 Javascript
解析AngularJS中get请求URL出现的跨域问题
2016/12/01 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
完美实现js焦点轮播效果(一)
2017/03/07 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
javascript中的面向对象
2017/03/30 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
python爬取安居客二手房网站数据(实例讲解)
2017/10/19 Javascript
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
Python的Django框架中的select_related函数对QuerySet 查询的优化
2015/04/01 Python
Python常用的文件及文件路径、目录操作方法汇总介绍
2015/05/21 Python
python数据清洗系列之字符串处理详解
2017/02/12 Python
Python 实现Serial 与STM32J进行串口通讯
2019/12/18 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
解决python中import文件夹下面py文件报错问题
2020/06/01 Python
CSS3制作圆角图片和椭圆形图片
2016/07/08 HTML / CSS
美国批发供应商:Kole Imports
2019/04/10 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
Java面试题汇总
2015/12/06 面试题
J2EE相关知识面试题
2013/08/26 面试题
公司财务工作总结的自我评价
2013/11/23 职场文书
数学高效课堂实施方案
2014/03/29 职场文书
企业宣传策划方案
2014/05/29 职场文书
学习十八大标语
2014/10/09 职场文书
实习指导教师评语
2014/12/30 职场文书
介绍信格式样本
2015/05/05 职场文书
Python列表删除重复元素与图像相似度判断及删除实例代码
2021/05/07 Python
在python中实现导入一个需要传参的模块
2021/05/12 Python
使用numpy nonzero 找出非0元素
2021/05/14 Python
Win11 Beta 预览版 22621.575 和 22622.575更新补丁KB5016694发布(附更新内容大全)
2022/08/14 数码科技