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 相关文章推荐
JavaScript使用cookie
Feb 02 Javascript
自己使用jquery写的一个无缝滚动的插件
Apr 30 Javascript
JS中三目运算符和if else的区别分析与示例
Nov 21 Javascript
JavaScript中诡异的delete操作符
Mar 12 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
微信小程序 地图(map)实例详解
Nov 16 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
Oct 24 Javascript
Vue封装的可编辑表格插件方法
Aug 28 Javascript
详解Vue This$Store总结
Dec 17 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
May 08 Javascript
js通过循环多张图片实现动画效果
Dec 19 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
php判断字符以及字符串的包含方法属性
2008/08/30 PHP
PHP目录操作实例总结
2016/09/27 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
2015/03/12 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
2015/03/14 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
深入剖析javascript中的exec与match方法
2016/05/18 Javascript
浅析BootStrap栅格系统
2016/06/07 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
2017/01/06 Javascript
关于使用js算总价的问题
2017/06/23 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
微信小程序日历插件代码实例
2019/12/04 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
Python numpy 提取矩阵的某一行或某一列的实例
2018/04/03 Python
Python 实现在文件中的每一行添加一个逗号
2018/04/29 Python
关于python2 csv写入空白行的问题
2018/06/22 Python
使用TensorFlow实现SVM
2018/09/06 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
python3.6根据m3u8下载mp4视频
2019/06/17 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
python解包概念及实例
2021/02/17 Python
我想声明一个指针并为它分配一些空间, 但却不行。这些代码有什么 问题?char *p; *p = malloc(10);
2016/10/06 面试题
物业管理大学生个人的自我评价
2013/10/10 职场文书
大学学习个人的自我评价
2014/02/18 职场文书
装修设计师求职信
2014/02/26 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
六一儿童节标语
2014/10/08 职场文书
房屋租赁协议书
2014/10/18 职场文书
员工工作表扬信
2015/05/05 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
Python实现批量自动整理文件
2022/03/16 Python
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle