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 相关文章推荐
3Z版基于jquery的图片复选框(asp.net+jquery)
Apr 12 Javascript
jQuery 动画弹出窗体支持多种展现方式
Apr 29 Javascript
Javascript表达式中连续的 && 和 || 之赋值区别
Oct 17 Javascript
Jquery阻止事件冒泡 event.stopPropagation
Dec 11 Javascript
window.open关于浏览器拦截问题分析及解决方法
Feb 05 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
谈谈JavaScript中的几种借用方法
Aug 09 Javascript
JS 终止执行的实现方法
Nov 24 Javascript
简单的网页广告特效实例
Aug 19 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
Dec 13 Javascript
JS实现音乐导航特效
Jan 06 Javascript
Vue实现购物小球抛物线的方法实例
Nov 22 Vue.js
用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
在字符串中把网址改成超级链接
2006/10/09 PHP
php数据结构 算法(PHP描述) 简单选择排序 simple selection sort
2011/08/09 PHP
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
2020/01/23 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
jQuery实现的立体文字渐变效果
2010/05/17 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
JavaScript初学者应注意的七个细节小结
2012/01/30 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
2016/11/21 Javascript
Bootstrap模态窗口源码解析
2017/02/08 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
Vue自定义事件(详解)
2017/08/19 Javascript
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
Python计算一个文件里字数的方法
2015/06/15 Python
Python制作爬虫抓取美女图
2016/01/20 Python
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
python 实现的IP 存活扫描脚本
2020/12/10 Python
芬兰设计商店美国:Finnish Design Shop US
2019/03/25 全球购物
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
生日邀请函范文
2014/01/13 职场文书
小学生元旦感言
2014/02/26 职场文书
经理助理岗位职责
2015/02/02 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
环卫个人总结
2015/03/03 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
2015年测量员工作总结
2015/05/23 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
Windows 11要来了?微软文档揭示Win11太阳谷 / Win10有两个不同版本
2021/11/21 数码科技
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python