图文详解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 相关文章推荐
js 操作select相关方法函数
Dec 06 Javascript
document.all的一个比较完整的总结及案例
Jan 31 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
常用jQuery代码分享
Jul 14 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
AngularJS监听路由变化的方法
Mar 07 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
详解vue使用$http服务端收不到参数
Apr 19 Javascript
Vue + Element UI图片上传控件使用详解
Aug 20 Javascript
JS数组方法join()用法实例分析
Jan 18 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
php之Memcache学习笔记
2013/06/17 PHP
php ci框架验证码实例分析
2013/06/26 PHP
PHP 前加at符合@的作用解析
2015/07/31 PHP
关于php微信订阅号开发之token验证后自动发送消息给订阅号但是没有消息返回的问题
2015/12/21 PHP
CSS和Javascript简单复习资料
2010/06/29 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
深入理解Angular2 模板语法
2016/08/07 Javascript
jQuery与JS加载事件用法分析
2016/09/04 Javascript
vue2.0 axios前后端数据处理实例代码
2017/06/30 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
2019/09/10 Javascript
Vue父子传递实例讲解
2020/02/14 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
Python运算符重载用法实例
2015/05/28 Python
遗传算法python版
2018/03/19 Python
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
详解Python字典的操作
2019/03/04 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
PyQt5 实现给窗口设置背景图片的方法
2019/06/13 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
python读文件的步骤
2019/10/08 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
美国休闲服装品牌:Express
2016/09/24 全球购物
加拿大奢华时装品牌:Mackage
2018/01/10 全球购物
澳大利亚宠物食品和用品商店:PETstock
2020/01/02 全球购物
自荐信如何“自荐”
2013/10/24 职场文书
《四季》教学反思
2014/04/08 职场文书
入队仪式主持词
2015/07/04 职场文书
公司行政管理制度范本
2015/08/05 职场文书
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis