图文详解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 相关文章推荐
GreyBox技术总结(转)
Nov 23 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
Oct 29 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
Javascript控制div属性动态变化实例分析
Oct 08 Javascript
基于JavaScript怎么实现让歌词滚动播放
Nov 03 Javascript
Angularjs中UI Router的使用方法
May 14 Javascript
angularjs中回车键触发某一事件的方法
Apr 24 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
js判断在哪个浏览器打开项目的方法
Jan 21 Javascript
js 获取扫码枪输入数据的方法
Jun 10 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
Jul 18 Javascript
javascript前端实现多视频上传
Dec 13 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开发中的安全防范知识详解
2013/06/06 PHP
PHP实现微信退款功能
2018/10/02 PHP
PHP simplexml_import_dom()函数讲解
2019/02/03 PHP
prototype 的说明 js类
2006/09/07 Javascript
JavaScript自定义事件介绍
2013/08/29 Javascript
火狐下table中创建form导致两个table之间出现空白
2013/09/02 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
2016/12/08 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
nodejs+express实现文件上传下载管理网站
2017/03/15 NodeJs
Angular.JS通过指令操作DOM的方法
2017/05/10 Javascript
React中上传图片到七牛的示例代码
2017/10/10 Javascript
微信小程序中吸底按钮适配iPhone X方案
2017/11/29 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
2018/09/20 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
layui表格数据重载
2019/07/27 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
Python实现全局变量的两个解决方法
2014/07/03 Python
python 网络编程常用代码段
2016/08/28 Python
Python使用itertools模块实现排列组合功能示例
2018/07/02 Python
python+influxdb+shell编写区域网络状况表
2018/07/27 Python
Python函数any()和all()的用法及区别介绍
2018/09/14 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
解决Pycharm后台indexing导致不能run的问题
2019/06/27 Python
python 列表、字典和集合的添加和删除操作
2019/12/16 Python
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
BISSELL官网:北美吸尘器第一品牌
2019/03/14 全球购物
前台文员我鉴定
2014/01/12 职场文书
总经理工作职责范文
2014/03/14 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
python如何正确使用yield
2021/05/21 Python
学习nginx基础知识
2021/09/04 Servers