vue.js开发环境搭建教程


Posted in Javascript onMay 04, 2017

vue.js开发环境搭建教程分享,具体内容如下

1、安装node.js,忽略

2、基于node.js,利用淘宝npm镜像安装相关依赖

在cmd里直接输入:npm install -g cnpm ?-registry=https://registry.npm.taobao.org,回车,等待安装...

3、安装全局vue,用于帮助搭建所需的模板框架

在cmd里,
1).输入:cnpm install -g vue-cli,回车,等待安装...
2).输入:vue -V,回车,若出现vue信息说明表示成功

4、创建vue项目

在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git'下的项,可按下图操作

vue.js开发环境搭建教程

5.安装依赖

在cmd里,
1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
2).输入:cnpm install,回车,等待一小会儿

回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

基于vue-cli创建的默认项目结构如下图所示:

vue.js开发环境搭建教程

6.测试环境是否搭建成功

方法1:在cmd里输入:cnpm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)

运行起来后的效果如下图所示:

vue.js开发环境搭建教程

至此,vue.js开发环境搭建完毕。

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

Javascript 相关文章推荐
把JS与CSS写在同一个文件里的书写方法
Jun 02 Javascript
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
jquery解析xml字符串简单示例
Apr 11 Javascript
CSS3+JavaScript实现翻页幻灯片效果
Jun 28 Javascript
iscroll实现下拉刷新功能
Jul 18 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
Aug 07 Javascript
浅谈Vue数据响应
Nov 05 Javascript
微信小程序实现banner图轮播效果
Jun 28 Javascript
JS算法题之查找数字在数组中的索引位置
May 15 Javascript
Vue中实现权限控制的方法示例
Jun 07 Javascript
js实现贪吃蛇小游戏(加墙)
Jul 31 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 #jQuery
详解webpack es6 to es5支持配置
May 04 #Javascript
angular 基于ng-messages的表单验证实例
May 04 #Javascript
JS实现标签页切换效果
May 04 #Javascript
ES6下React组件的写法示例代码
May 04 #Javascript
JS触摸事件、手势事件详解
May 04 #Javascript
详解Angular 4.x Injector
May 04 #Javascript
You might like
多文件上载系统完整版
2006/10/09 PHP
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
jquery ajax执行后台方法
2010/03/18 Javascript
JavaScript从数组中删除指定值元素的方法
2015/03/18 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
JavaScript 消息框效果【实现代码】
2016/04/27 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
2016/07/11 Javascript
Bootstrap select实现下拉框多选效果
2016/12/23 Javascript
vue拦截器Vue.http.interceptors.push使用详解
2017/04/22 Javascript
Angular2 组件交互实例详解
2017/08/24 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
2017/12/05 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
小程序实现背景音乐播放和暂停
2020/06/19 Javascript
图文详解WinPE下安装Python
2016/05/17 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
Python re 模块findall() 函数返回值展现方式解析
2019/08/09 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
浅谈python 类方法/静态方法
2020/09/18 Python
使用Python下载抖音各大V视频的思路详解
2021/02/06 Python
浅谈css3中calc在less编译时被计算的解决办法
2017/12/04 HTML / CSS
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
互动出版网:专业书籍
2017/03/21 全球购物
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
瑞士最大的图书贸易公司:Orell Füssli
2019/12/28 全球购物
教师个人自我鉴定
2014/02/08 职场文书
集体婚礼策划方案
2014/02/22 职场文书
领导干部对照检查材料
2014/08/24 职场文书
Spring Boot 使用 Spring-Retry 进行重试框架
2022/04/24 Java/Android
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js
MySQL新手入门进阶语句汇总
2022/09/23 MySQL