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 解析json的代码
Dec 16 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
js检测判断日期大于多少天的方法
May 04 Javascript
JavaScript如何禁止Backspace键
Dec 02 Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 Javascript
Express框架之connect-flash详解
May 31 Javascript
深入理解Angular.JS中的Scope继承
Jun 04 Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 Javascript
详解JS取出两个数组中的不同或相同元素
Mar 20 Javascript
Node.js API详解之 readline模块用法详解
May 22 Javascript
Vue实现小购物车功能
Dec 21 Vue.js
详解Vue slot插槽
Nov 20 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
php 图片上添加透明度渐变的效果
2009/06/29 PHP
PHP之COOKIE支持详解
2010/09/20 PHP
PHP的拦截器实例分析
2014/11/03 PHP
Yii不依赖Model的表单生成器用法实例
2014/12/04 PHP
php提交post数组参数实例分析
2015/12/17 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
Laravel框架文件上传功能实现方法示例
2019/04/16 PHP
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
Prototype Template对象 学习
2009/07/19 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
js中for in的用法示例解析
2013/12/25 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
2015/09/02 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
loading动画特效小结
2017/01/22 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
2018/03/20 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
[42:56]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python反射用法实例简析
2017/12/22 Python
matlab中实现矩阵删除一行或一列的方法
2018/04/04 Python
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
python绘制直线的方法
2018/06/30 Python
python pyheatmap包绘制热力图
2018/11/09 Python
python实现滑雪游戏
2020/02/22 Python
python 提高开发效率的5个小技巧
2020/10/19 Python
使用css3制作动感导航条示例
2014/01/26 HTML / CSS
英语专业个人求职信范文
2014/02/01 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
2019秋季运动会口号
2019/06/25 职场文书
用React Native制作一个简单的游戏引擎
2021/05/27 Javascript
python opencv旋转图片的使用方法
2021/06/04 Python
Python 如何将integer转化为罗马数(3999以内)
2021/06/05 Python
Python与C++中梯度方向直方图的实现
2022/03/17 Python