图文详解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 相关文章推荐
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
JavaScript中property和attribute的区别详细介绍
Mar 03 Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
jquery 多个radio的click事件实例
Dec 03 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
May 31 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
Jul 28 Javascript
详解Layer弹出层样式
Aug 21 Javascript
vue发送ajax请求详解
Oct 09 Javascript
详解vue 兼容IE报错解决方案
Dec 29 Javascript
12个提高JavaScript技能的概念(小结)
May 09 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往windows中添加用户
2006/12/06 PHP
PHP session有效期问题
2009/04/26 PHP
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
thinkPHP5 ACL用户权限模块用法详解
2017/05/10 PHP
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
jQuery实现div浮动层跟随页面滚动效果
2014/02/11 Javascript
Egret引擎开发指南之发布项目
2014/09/03 Javascript
jQuery动画出现连续触发、滞后反复执行的解决方法
2015/01/28 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
2015/10/20 Javascript
js实现瀑布流的三种方式比较
2020/06/28 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
浅谈vue项目重构技术要点和总结
2018/01/23 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
2018/11/28 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
Layui tree 下拉菜单树的实例代码
2019/09/21 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
关于Node.js中频繁修改代码重启服务器的问题
2020/10/15 Javascript
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
pandas.DataFrame.drop_duplicates 用法介绍
2020/07/06 Python
linux面试题参考答案(11)
2012/05/01 面试题
招商专员岗位职责
2014/02/08 职场文书
社区平安建设汇报材料
2014/08/14 职场文书
幼儿园教师节感谢信
2015/01/23 职场文书
教师个人年度总结
2015/02/11 职场文书
员工家属慰问信
2015/03/24 职场文书
2016年优秀共产党员先进事迹材料
2016/02/29 职场文书
2016年教育局“我们的节日——端午节”主题活动总结
2016/04/01 职场文书
了解Redis常见应用场景
2021/06/23 Redis