vue.js开发环境搭建教程


Posted in Javascript onMay 04, 2017

vue.js开发环境搭建教程分享,具体内容如下

1、安装node.js,忽略

2、基于node.js,利用淘宝npm镜像安装相关依赖

在cmd里直接输入:npm install -g cnpm ?-registry=https://registry.npm.taobao.org,回车,等待安装...

3、安装全局vue,用于帮助搭建所需的模板框架

在cmd里,
1).输入:cnpm install -g vue-cli,回车,等待安装...
2).输入:vue -V,回车,若出现vue信息说明表示成功

4、创建vue项目

在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git'下的项,可按下图操作

vue.js开发环境搭建教程

5.安装依赖

在cmd里,
1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
2).输入:cnpm install,回车,等待一小会儿

回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

基于vue-cli创建的默认项目结构如下图所示:

vue.js开发环境搭建教程

6.测试环境是否搭建成功

方法1:在cmd里输入:cnpm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)

运行起来后的效果如下图所示:

vue.js开发环境搭建教程

至此,vue.js开发环境搭建完毕。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Kibo 用于处理键盘事件的Javascript工具库
Oct 28 Javascript
javascript日期对象格式化为字符串的实现方法
Jan 14 Javascript
JS仿百度自动下拉框模糊匹配提示
Jul 25 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
Aug 08 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
Dec 03 Javascript
JS实现仿百度文库评分功能
Jan 12 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
Jun 09 jQuery
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 Javascript
详解webpack打包后如何调试的方法步骤
Nov 07 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
深入剖析JavaScript instanceof 运算符
Jun 14 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
Jul 28 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 #jQuery
详解webpack es6 to es5支持配置
May 04 #Javascript
angular 基于ng-messages的表单验证实例
May 04 #Javascript
JS实现标签页切换效果
May 04 #Javascript
ES6下React组件的写法示例代码
May 04 #Javascript
JS触摸事件、手势事件详解
May 04 #Javascript
详解Angular 4.x Injector
May 04 #Javascript
You might like
Discuz 6.0+ 批量注册用户名
2009/09/13 PHP
php获取'/'传参的值简单方法
2017/07/13 PHP
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
Jquery 最近浏览过的商品的功能实现代码
2010/05/14 Javascript
jquery动画1.加载指示器
2012/08/24 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
2013/12/24 Javascript
用js判断输入是否为中文的函数
2014/03/10 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
2016/01/12 Javascript
jquery模拟多级复选框效果的简单实例
2016/06/08 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
jquery 中toggle的2种用法详解(推荐)
2016/09/02 Javascript
js实现图片360度旋转
2017/01/22 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
vue2.0 axios前后端数据处理实例代码
2017/06/30 Javascript
JavaScript登录验证基础教程
2017/11/01 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
React学习笔记之高阶组件应用
2018/06/02 Javascript
基于vue-upload-component封装一个图片上传组件的示例
2018/10/16 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
2019/03/28 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
[02:04]2020年夜魇暗潮预告片
2020/10/30 DOTA
Web服务器框架 Tornado简介
2014/07/16 Python
matplotlib作图添加表格实例代码
2018/01/23 Python
Python-copy()与deepcopy()区别详解
2019/07/12 Python
利用anaconda作为python的依赖库管理方法
2019/08/13 Python
pandas数据处理进阶详解
2019/10/11 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
python如何设置静态变量
2020/09/07 Python
bonprix匈牙利:女士、男士和儿童服装
2019/07/19 全球购物
物流专业自荐信
2014/05/23 职场文书
公益广告标语
2014/06/19 职场文书
医院护士党的群众路线教育实践活动对照检查材料思想汇报
2014/10/04 职场文书
2014年作风建设剖析材料
2014/10/23 职场文书
2015年环境整治工作总结
2015/05/22 职场文书