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

vue环境搭建简单教程

vue环境搭建简单教程

要使用vue来开发前端框架,首先要有环境,这个环境要借助于node,所以要先安装node,借助于node里面的npm来安装需要的依赖等等。

①安装nodejs

https://nodejs.org

下载nodejs,(lts)安装的时候,点击同意,一路next就可以。

会自带一个npm(npm是个包管理器,有啥用?是个仓库,需要用到啥 直接npm install packageName就可以了)

测试:

②安装cnpm(淘宝镜像,)

npm install -g cnpm --registry=https://registry.npm.taobao.org

③安装vue-cli

windows电脑,同时按下widnows+r,输入cmd,点击回车,进入到命令行模式;

在命令行中输入以下指令,最后点击回车
(npm install vue-cli -g (cnpm在安装好淘宝镜像后和npm等同))cnpm install --global vue-cli

④安装webpack

npm install webpack -g

  

④根据vue-cli安装后提供的vue指令创建模板项目

  使用老师提供的模板压缩包(tpls.zip)

  tpls.zip我已经上传在在文件下“资料”里

放在D盘,新建vue_cli,将解压后的每个文件复制到vue_cli中。

⑤安装项目需要用到的依赖

将上述文件夹解压缩之后,进入到该目录中执行指令:

cnpm install

⑥执行指令,启动开发服务器

npm run dev

注意:如果淘宝镜像安装失败,解决办法:

先设置代理为空 npm config set proxy null,然后再次安装淘宝镜

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

相关文章

.net 应对网站访问压力的方案总结

.net 应对网站访问压力的方案总结

方案,网站,压力,电脑软件,net,开年比较空,抽时间写个博文,总结下自己工作里的一些应对网站访问压力的技术方案。自己项目现在大概一天50W的pv。已从前端到后端的顺序总结下自己用的一些方案。一. 前端页面:1.首先减少资源的大小,能用小图,就用小…

nodejs对express中next函数的一些

nodejs对express中next函数的一些

函数,电脑软件,nodejs,express,最近公司在使用node做前后端分离,采用的web框架是express,所以对express框架进行了深入的了解,前段时间写了篇关于express路由的文章,但是在那篇文章中貌似少了一个很重要的内容,就是express的next,所以今天单独来…

Fireworks视图模式怎么切换使用?

Fireworks视图模式怎么切换使用?

模式,视图,电脑软件,Fireworks,Fireworks怎么切换视图模式,这个功能可能我们现在一直在用ps估计也没有这个功能。软件名称:fireworks8简体中文版 (含序列号)软件大小:88MB更新时间:2014-09-091、直接来到Fireworks根目录2、直接运行我的 Firewo…

Word2016设置不同页边距有什么方法

Word2016设置不同页边距有什么方法

设置,边距,方法,教程,有什么,  在文档中,我们经常要设置不同的页边距,有时候还需要自定义页边距,这样可以很好的排版。排版中时常需要设置页边距,这样可以让排版更加美观整洁。以下是小编为您带来的关于Word2016设置不同页边距的教程,希望对…

nodejs实现发出蜂鸣声音 | 系统报

nodejs实现发出蜂鸣声音 | 系统报

方法,系统,声音,蜂鸣,电脑软件,本文实例讲述了nodejs实现发出蜂鸣声音(系统报警声)的方法。分享给大家供大家参考,具体如下:nodejs 有时候需要发出报警声音,使用以下代码可以调用系统蜂鸣器发声process.stdout.write('\x07')另外附上我自己…

防止页面url缓存中ajax中post请求

防止页面url缓存中ajax中post请求

请求,处理方法,缓存,页面,电脑软件,防止页面url缓存中ajax中post请求的处理方法 一般我们在开发中经常会用到Ajax请求,异步发送请求,然后获取我们想要的数据,在Ajax中使用Get请求数据不会有页面缓存的问题,而使用POST请求可是有时候页面会缓…

ps处理如何设置颜色

ps处理如何设置颜色

方法,设置,颜色,如何设置,图片,  大家处理图片时一定要设置颜色,这样我们在ps中才可以方便使用。那么大家知道ps处理图片如何设置颜色吗?下面是小编整理的ps处理图片如何设置颜色的方法,希望能帮到大家!ps处理图片设置颜色的方法我们先是要…

Excel2007的新功能有哪些

Excel2007的新功能有哪些

新功能,有哪些,电脑软件,  Excel2007目前在市场使用率还是蛮高的,作为Excel2007的开版之作,还是要给大家说说Excel2007的新功能。以下是小编为您带来的关于Excel2007的新功能介绍,希望对您有所帮助。Excel2007的新功能介绍Excel 2007较之以…

在Word2007中如何新建样式在Word20

在Word2007中如何新建样式在Word20

步骤,方法,样式,电脑软件,strong,  在Word2007的空白文档窗口中,用户可以新建一种全新的样式。例如新的表格样式、新的列表样式等,操作步骤如下所述:下面由小编为您提供在Word2007中新建样式的技巧,希望能帮助您。Word2007中新建样式步骤第1…

Angular中$broadcast和$emit的使用

Angular中$broadcast和$emit的使用

使用方法,详解,电脑软件,Angular,broadcast,要在控制器之间传递变量变化需要使用angular中的$broadcast和$emit方法来传递,同时使用$on来接收事件并作出响应。broadcast译为广播,即上级传递下级。 示例代码:<script src="../angular.js"></s…

AngularJs 延时器、计时器实例代码

AngularJs 延时器、计时器实例代码

实例代码,计时器,延时器,电脑软件,AngularJs,1.$timeout延时器apptest.controller("main",function($scope,$timeout){ $scope.pink="pink"; $scope.box="第二个盒子"; $timeout(function(){ $scope.pink="第一个盒子内容,延迟…

简单谈谈require模块化jquery和ang

简单谈谈require模块化jquery和ang

模块化,简单,电脑软件,require,jquery,require 模块化开发问题,正常自己写的模块 是exports 导出一个模块//模块化引入jquery 不同和问题require 引入jquery swiper .... 插件和库的时候需要require.config({  baseUrl:"js/libs", //文…