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 相关文章推荐
js 效率组装字符串 StringBuffer
Dec 23 Javascript
JavaScript学习笔记记录我的旅程
May 23 Javascript
基于jQuery的倒计时实现代码
May 30 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
js怎么覆盖原有方法实现重写
Sep 04 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
JavaScript中windows.open()、windows.close()方法详解
Jul 28 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
Vue数据双向绑定原理及简单实现方法
May 18 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
Jan 26 Javascript
Element Card 卡片的具体使用
Jul 26 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中截取字符串支持utf-8
2007/01/18 PHP
apache+php完美解决301重定向的两种方法
2011/06/08 PHP
php内存缓存实现方法
2015/01/24 PHP
php实现parent调用父类的构造方法与被覆写的方法
2015/02/11 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
执行iframe中的javascript方法
2008/10/07 Javascript
使弱类型的语言JavaScript变强势
2009/06/22 Javascript
基于JQuery的密码强度验证代码
2010/03/01 Javascript
jQeury淡入淡出需要注意的问题
2010/09/08 Javascript
HTML5附件拖拽上传drop & google.gears实现代码
2011/04/28 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
通过正则表达式实现表单验证是否为中文
2014/02/18 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
JS实现的一个简单的Autocomplete自动完成例子
2014/04/16 Javascript
每天一篇javascript学习小结(属性定义方法)
2015/11/19 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
2016/05/24 Javascript
vue组件 $children,$refs,$parent的使用详解
2017/07/31 Javascript
javascript面向对象三大特征之封装实例详解
2019/07/24 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
2020/07/24 Javascript
uniapp微信小程序实现一个页面多个倒计时
2020/11/01 Javascript
python matplotlib 注释文本箭头简单代码示例
2018/01/08 Python
python在文本开头插入一行的实例
2018/05/02 Python
python读取TXT每行,并存到LIST中的方法
2018/10/26 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
Python设计模式之策略模式实例详解
2019/01/21 Python
Django应用程序入口WSGIHandler源码解析
2019/08/05 Python
pygame实现俄罗斯方块游戏(基础篇2)
2019/10/29 Python
使用pickle存储数据dump 和 load实例讲解
2019/12/30 Python
德国家具、照明、家居用品网上商店:Wayfair.de
2020/02/13 全球购物
《分一分》教学反思
2014/04/13 职场文书
班干部竞选演讲稿
2014/04/24 职场文书
促销活动计划书
2014/05/02 职场文书
2014年社区工作总结
2014/11/18 职场文书
硕士学位申请报告
2015/05/15 职场文书