图文详解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权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
JAVASCRIPT函数作用域和提前声明 分享
Aug 22 Javascript
javascript中String对象的slice()方法分析
Dec 20 Javascript
javascript实现按回车键切换焦点
Feb 09 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
three.js绘制地球、飞机与轨迹的效果示例
Feb 28 Javascript
原生js编写2048小游戏
Mar 17 Javascript
Ajax验证用户名或昵称是否已被注册
Apr 05 Javascript
vue+iview+less 实现换肤功能
Aug 17 Javascript
vuex 解决报错this.$store.commit is not a function的方法
Dec 17 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
Vue Router中应用中间件的方法
Aug 06 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 xfocus防注入资料
2008/04/27 PHP
适用于php-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
服务器上配置PHP运行环境教程
2015/02/12 PHP
PHP.ini安全配置检测工具pcc简单介绍
2015/07/02 PHP
php使用CutyCapt实现网页截图保存的方法
2016/10/03 PHP
Yii2中datetime类的使用
2016/12/17 PHP
基于jQuery实现的向下滑动二级菜单效果代码
2015/08/31 Javascript
javascript电商网站抢购倒计时效果实现
2015/11/19 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
2019/05/01 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
2020/04/11 Javascript
对pandas中时间窗函数rolling的使用详解
2018/11/28 Python
使用Python做定时任务及时了解互联网动态
2019/05/15 Python
python的sorted用法详解
2019/06/25 Python
简单了解python中的f.b.u.r函数
2019/11/02 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
纯css3实现宠物小鸡实例代码
2018/10/08 HTML / CSS
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
英国No.1体育用品零售商:SportsDirect.com
2019/10/16 全球购物
如何定义一个可复用的服务
2014/09/30 面试题
公立医院改革实施方案
2014/03/14 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
实践论读书笔记
2015/06/29 职场文书
css3 实现文字闪烁效果的三种方式示例代码
2021/04/25 HTML / CSS
vue实现拖拽交换位置
2022/04/07 Vue.js