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 相关文章推荐
JS实现点击图片在当前页面放大并可关闭的漂亮效果
Oct 18 Javascript
9款2014最热门jQuery实用特效推荐
Dec 07 Javascript
jquery实现页面虚拟键盘特效
Aug 08 Javascript
Node.js实现JS文件合并小工具
Feb 02 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
vue的toast弹窗组件实例详解
May 14 Javascript
详解用JS添加和删除class类名
Mar 25 Javascript
javascript导出csv文件(excel)的方法示例
Aug 25 Javascript
layer.open组件获取弹出层页面变量、函数的实例
Sep 25 Javascript
利用vue3+ts实现管理后台(增删改查)
Oct 30 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
php中unlink()、mkdir()、rmdir()等方法的使用介绍
2012/12/21 PHP
php上传apk后自动提取apk包信息的使用(示例下载)
2013/04/26 PHP
php中实现可以返回多个值的函数实例
2015/03/21 PHP
php实现简单的上传进度条
2015/11/17 PHP
PHP的Yii框架中YiiBase入口类的扩展写法示例
2016/03/17 PHP
让iframe自适应高度(支持XHTML,支持FF)
2007/07/24 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
2016/10/26 Javascript
bootstrap table sum总数量统计实现方法
2017/10/29 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
node.js基础知识汇总
2020/08/25 Javascript
pandas groupby 分组取每组的前几行记录方法
2018/04/20 Python
python中的变量如何开辟内存
2018/06/26 Python
对python sklearn one-hot编码详解
2018/07/10 Python
对python cv2批量灰度图片并保存的实例讲解
2018/11/09 Python
python开发前景如何
2020/06/11 Python
keras导入weights方式
2020/06/12 Python
聊聊python中的异常嵌套
2020/09/01 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
Python中的面向接口编程示例详解
2021/01/17 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
Charlotte Tilbury澳大利亚官网:英国美妆品牌
2018/10/05 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
《影子》教学反思
2014/02/21 职场文书
初中学生评语大全
2014/04/24 职场文书
创意婚礼策划方案
2014/05/18 职场文书
党支部党的群众路线对照检查材料
2014/09/24 职场文书
机关作风建设整改方案
2014/10/27 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
先进班组事迹材料
2014/12/25 职场文书