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 相关文章推荐
JSON+JavaScript处理JSON的简单例子
Mar 20 Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
详解Angular2 之 结构型指令
Jun 21 Javascript
angularjs实现猜数字大小功能
May 20 Javascript
Nuxt配合Node在实际生产中的应用详解
Aug 07 Javascript
小程序实现选择题选择效果
Nov 04 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
Feb 21 Javascript
node.js使用fs读取文件出错的解决方案
Oct 23 Javascript
vue滑动吸顶及锚点定位的示例代码
May 10 Javascript
vue element实现表格合并行数据
Nov 30 Vue.js
原生Javascript+HTML5一步步实现拖拽排序
Jun 12 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
PHP4实际应用经验篇(7)
2006/10/09 PHP
php 上一篇,下一篇文章实现代码与原理说明
2010/05/09 PHP
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
2011/12/05 PHP
PHP实现的封装验证码类详解
2013/06/18 PHP
WordPress伪静态规则设置代码实例
2020/12/10 PHP
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
2013/06/27 Javascript
jQuery 三击事件实现代码
2013/09/11 Javascript
js实现收缩菜单效果实例代码
2013/10/30 Javascript
javascript常见操作汇总
2014/09/03 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
2016/11/01 Javascript
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
vue-router 路由基础的详解
2017/10/17 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
Vue数据双向绑定的深入探究
2018/11/27 Javascript
Jquery让form表单异步提交代码实现
2019/11/14 jQuery
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
vue内置组件keep-alive事件动态缓存实例
2020/10/30 Javascript
深入解析Python中的lambda表达式的用法
2015/08/28 Python
Python处理JSON时的值报错及编码报错的两则解决实录
2016/06/26 Python
Python错误: SyntaxError: Non-ASCII character解决办法
2017/06/08 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
python利用 keyboard 库记录键盘事件
2020/10/16 Python
CSS去掉A标签(链接)虚线框的方法
2014/04/01 HTML / CSS
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
中专生学习生活的自我评价分享
2013/10/27 职场文书
森林病虫害防治方案
2014/06/02 职场文书
广告艺术设计专业自荐书
2014/07/08 职场文书
精神病医院见习报告
2014/11/03 职场文书