vue环境搭建简单教程


Posted in Javascript onNovember 07, 2017

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

①安装nodejs

https://nodejs.org

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

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

测试:

vue环境搭建简单教程

②安装cnpm(淘宝镜像,)

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

vue环境搭建简单教程

③安装vue-cli

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

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

vue环境搭建简单教程

④安装webpack

npm install webpack -g

vue环境搭建简单教程

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

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

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

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

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

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

cnpm install

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

npm run dev

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

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

vue环境搭建简单教程

vue环境搭建简单教程

vue环境搭建简单教程

vue环境搭建简单教程vue环境搭建简单教程

vue环境搭建简单教程

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

Javascript 相关文章推荐
javascript vvorld 在线加密破解方法
Nov 13 Javascript
一些相见恨晚的 JavaScript 技巧
Apr 25 Javascript
关于URL中的特殊符号使用介绍
Nov 03 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
Aug 19 Javascript
jquery prop的使用介绍及与attr的区别
Dec 19 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
Jul 07 Javascript
利用纯js + transition动画实现移动端web轮播图详解
Sep 10 Javascript
layui获取选中行数据的实例讲解
Aug 19 Javascript
vue-router命名视图的使用讲解
Jan 19 Javascript
微信小程序吸底区域适配iPhoneX的实现
Apr 09 Javascript
用Webpack构建Vue项目的实践
Nov 07 #Javascript
vue双花括号的使用方法 附练习题
Nov 07 #Javascript
vue组件生命周期详解
Nov 07 #Javascript
Angular2的管道Pipe的使用方法
Nov 07 #Javascript
浅谈react 同构之样式直出
Nov 07 #Javascript
vue组件watch属性实例讲解
Nov 07 #Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
Nov 07 #Javascript
You might like
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
php字符编码转换之gb2312转为utf8
2013/10/28 PHP
ThinkPHP中where()使用方法详解
2016/04/19 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
PHP反射实际应用示例
2019/04/03 PHP
JavaScript 新手24条实用建议[TUTS+]
2009/06/21 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
2012/10/11 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
2014/05/22 Javascript
无刷新上传文件并返回自定义值
2015/06/11 Javascript
JS数组合并push与concat区别分析
2015/12/17 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
JavaScript实现数据类型的相互转换
2016/03/06 Javascript
jQuery页面弹出框实现文件上传
2017/02/09 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
详解webpack引用jquery(第三方模块)的三种办法
2019/08/21 jQuery
python发送邮件功能实现代码
2016/07/15 Python
Python编程实现蚁群算法详解
2017/11/13 Python
Python+selenium实现截图图片并保存截取的图片
2018/01/05 Python
将python代码和注释分离的方法
2018/04/21 Python
Python sorted函数详解(高级篇)
2018/09/18 Python
Python3实现定时任务的四种方式
2019/06/03 Python
Python整数与Numpy数据溢出问题解决
2019/09/11 Python
Python 网络编程之TCP客户端/服务端功能示例【基于socket套接字】
2019/10/12 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
python如何支持并发方法详解
2020/07/25 Python
HTML5中在title标题标签里设置小图标的方法
2020/06/23 HTML / CSS
Yahoo的PHP面试题
2014/05/26 面试题
化学相关工作求职信
2013/10/02 职场文书
初中生三年学习生活的自我评价
2013/11/03 职场文书
工地门卫岗位职责
2013/12/30 职场文书
护理学院专科毕业生求职信
2014/06/28 职场文书
上班离岗检讨书
2014/09/10 职场文书
2015年乡镇安全生产工作总结
2015/05/19 职场文书