图文详解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 相关文章推荐
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
Oct 12 Javascript
JS使用正则表达式除去字符串中重复字符的方法
Nov 05 Javascript
分享jQuery插件的学习笔记
Jan 14 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
May 12 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
Dec 28 Javascript
javascript实现多张图片左右无缝滚动效果
Mar 22 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
基于twbsPagination.js分页插件使用心得(分享)
Oct 21 Javascript
ionic grid(栅格)九宫格制作详解
Jun 30 Javascript
JS使用对象的defineProperty进行变量监控操作示例
Feb 02 Javascript
Electron整合React使用搭建开发环境的步骤详解
Jun 07 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后退一页表单内容保存实现方法
2012/06/17 PHP
php遍历数组的4种方法总结
2014/07/05 PHP
Yii2 rbac权限控制之rule教程详解
2016/06/23 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
php无限级分类实现方法分析
2016/10/19 PHP
PHP观察者模式原理与简单实现方法示例
2017/08/25 PHP
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
js操作label给label赋值及取label的值示例
2013/11/07 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
2015/01/24 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
2016/06/15 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
Vue传参一箩筐(页面、组件)
2019/04/04 Javascript
vue缓存的keepalive页面刷新数据的方法
2019/04/23 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
2019/05/08 Javascript
使用Python的Django和layim实现即时通讯的方法
2018/05/25 Python
python 画三维图像 曲面图和散点图的示例
2018/12/29 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
在jupyter notebook中调用.ipynb文件方式
2020/04/14 Python
基于Python的接口自动化读写excel文件的方法
2021/01/15 Python
Python .py生成.pyd文件并打包.exe 的注意事项说明
2021/03/04 Python
一篇文章带你学习CSS3图片边框
2020/11/04 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
英国发展最快的在线超市之一:Click Marketplace
2021/02/15 全球购物
八一建军节部队活动方案
2014/02/04 职场文书
互联网创业计划书写作技巧攻略
2014/03/23 职场文书
学雷锋月活动总结
2014/04/25 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
预备党员考察意见范文
2015/06/01 职场文书
公司回复函格式
2015/07/14 职场文书
卫生主题班会
2015/08/14 职场文书