图文详解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 相关文章推荐
mapper--图片热点区域高亮组件官方站点
Dec 22 Javascript
javascript 伪数组实现方法
Oct 11 Javascript
基于jQuery的一个扩展form序列化到json对象
Dec 09 Javascript
js如何取消事件冒泡
Sep 23 Javascript
js实现表格字段排序
Feb 19 Javascript
Bootstrap实现input控件失去焦点时验证
Aug 04 Javascript
jquery实现左右轮播图效果
Sep 28 jQuery
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
vue发送ajax请求详解
Oct 09 Javascript
解决layui table表单提示数据接口请求异常的问题
Sep 24 Javascript
JavaScript 判断浏览器是否是IE
Feb 19 Javascript
ant design vue的form表单取值方法
Jun 01 Vue.js
详解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正确解析UTF-8字符串技巧应用
2012/11/07 PHP
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
js动态添加表格数据使用insertRow和insertCell实现
2014/05/22 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
node.js中的fs.mkdirSync方法使用说明
2014/12/17 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
2021/01/20 Javascript
原生js实现网易轮播图效果
2020/04/10 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
2016/12/13 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
原生JS实现层叠轮播图
2017/05/17 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
如何优雅地在vue中添加权限控制示例详解
2019/03/07 Javascript
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
2019/06/18 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
[08:42]DOTA2每周TOP10 精彩击杀集锦vol.2
2014/06/25 DOTA
python实现矩阵乘法的方法
2015/06/28 Python
python抓取并保存html页面时乱码问题的解决方法
2016/07/01 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
对python for 文件指定行读写操作详解
2018/12/29 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
PyQt5实现暗黑风格的计时器
2019/07/29 Python
Keras之fit_generator与train_on_batch用法
2020/06/17 Python
使用Keras预训练好的模型进行目标类别预测详解
2020/06/27 Python
小结Python的反射机制
2020/09/28 Python
如何利用input事件来监听移动端的输入
2016/04/15 HTML / CSS
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
ORACLE第二个十问
2013/12/14 面试题
房产委托公证书
2014/04/08 职场文书
购房协议书
2014/04/11 职场文书
考试作弊检讨
2015/01/27 职场文书
创业计划书之书店
2019/09/10 职场文书