当前位置:首页 > 日记 > 正文

vue.js开发环境搭建教程

vue.js开发环境搭建教程

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'下的项,可按下图操作

5.安装依赖

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

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

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

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

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

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

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

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

相关文章

Word中2013版进行背景和颜色的操作

Word中2013版进行背景和颜色的操作

背景图片,操作方法,颜色,操作步骤,背景,  在编辑Word文档的时候,给文档添加背景颜色或是图片,这就会使得文档更漂亮,怎么给Word文档添加背景图片呢?今天,小编就教大家在Word中2013版进行背景图片和颜色的操作方法。Word中2013版进行背景图片…

word怎么插入脚注的两种方法word插

word怎么插入脚注的两种方法word插

方法,步骤,脚注,两种,电脑软件,  脚注是对文字的补充说明,在语文课本中,我们经常会看到页面底部或是文章末尾会有相应的脚注,在Word中我们可以很轻松的添加这些脚注,那么下面就由小编给大家分享下word插入脚注的技巧,希望能帮助到您。word插入…

如何取消快速保存以缩小PowerPoint

如何取消快速保存以缩小PowerPoint

文档,缩小,取消,体积,快速,  PowerPoint经常需要添加图片等一些素材以丰富其内容,吸引更多的观众。如果开启了快速保存,那么最后的文档体积就会很大,不便于保存和发送。以下是小编为您带来的关于取消快速保存以缩小PowerPoint2003文档体积,希…

Vue 实用分页paging实例代码

Vue 实用分页paging实例代码

实例代码,分页,电脑软件,Vue,paging,直接上代码。只有一个小小的需要注意的点:vue1.x的v-for循环是从0开始,遵从了程序语言设计的一贯的做法,而vue2.x是从1开始的,符合我们平常的习惯。用下来还是vue2.x的做法方便一些,不需要绕一下子了。//html…

excel中冻结窗口方法

excel中冻结窗口方法

方法,冻结,窗口,电脑软件,excel,  Excel中的窗口该如何冻结呢?下面是小编带来的关于excel中冻结窗口方法,希望阅读过后对你有所启发!excel中冻结窗口方法:  冻结窗口步骤1:请自行下载安装Excel2013版本冻结窗口步骤2:最好能激活你的Excel20…

原生js获取浏览器窗口及元素宽高常

原生js获取浏览器窗口及元素宽高常

元素,原生,浏览器,集合,常用方法,窗口可视区域宽度: document.documentElement.clientWidth || document.body.clientWidth;窗口可视区域高度: document.documentElement.clientHeight || document.body.clientHeight;窗口可视区域宽度+边线…

Excel2010中使用分散对齐功能是什

Excel2010中使用分散对齐功能是什

对齐,分散,功能,电脑软件,  通常,我们在Excel表格中输入人名时,为了显示美观,一般要在两个字的人名中间空出一定间距。更好的办法一次性达到整齐美观的目的,那就是借助Excel的“分散对齐”功能。以下是小编为您带来的关于Excel2010…

wod文档中如何设置横竖排版wod文档

wod文档中如何设置横竖排版wod文档

文档,设置,方法,步骤,如何设置,  很多朋友熟悉Word,但是在工作中会遇到需要横版的情况,那么下面就由小编给大家分享下wod文档中设置横竖排版的技巧,希望能帮助到您,有需要的朋友可以来看看哦。wod文档中设置横竖排版的步骤步骤一:打开需要排…

PPT2007如何将照片制成一个电子相

PPT2007如何将照片制成一个电子相

电子相册,照片,如何将,电脑软件,  PPT2007的强大功能可以轻松的制作一个独立的电子相册,并将照片打包成CD永久收藏。以下是小编为您带来的关于PPT2007将照片制成一个电子相册,希望对您有所帮助。PPT2007将照片制成一个电子相册(1)启动Power…

2017qq游戏人生怎么打开进入qq游戏

2017qq游戏人生怎么打开进入qq游戏

方法,游戏人生,方式,电脑软件,qq,  qq游戏人生是QQ的其中一款游戏,那么要怎样才能打开呢?怎么进入qq游戏人生呢?下面是小编为大家整编的进入qq游戏人生的方式,大家快来看看吧。qq游戏人生打开的方法鼠标放在qq头像上显示出来qq资料卡,点击点…

excel多条件计数公式的用法excel多

excel多条件计数公式的用法excel多

多条,公式,电脑软件,excel,strong,  Excel中经常需要进行多条件的计数,有多条件的具体该如何用公式计数呢?下面是由小编分享的excel多条件计数公式的用法,以供大家阅读和学习。excel多条件计数公式的用法多条件计数公式使用步骤1:首先温习一…

ppt2010怎么设置上下标

ppt2010怎么设置上下标

下标,设置,电脑软件,  ppt说起来不是很难,但多少人将它学到精髓就不知道了,俗话说:书到用时方恨少,我们平时可能觉得ppt很简单哦,都会。但有时候自己很忙时,突然有个地方不会了,怎么办?自己肯定急的像一个热窝的蚂蚁,所以我们学什么东西都是无止…

软件日记