VueJs开发笔记—IDE选择和优化、框架特性、数据调用、路由选项及使用
一、IDE的选择:
VsCode和WebStorm都是不错的选择,说一下两者的优缺点,调试便捷性来说两者不相上下.
WebStorm缺点:性能方面VsCode远好于WebStorm;
WebStorm优点:代码引用追踪Ws有VsCode无,控制台输出WS有着色能看出那块代码有问题,VsCode无着色控制台日志和bug查看不直观;
综合使用来说:推荐使用WebStorm,如果你的电脑配置实在不好可以酌情使用VsCode.
1.先说VsCode的配置:
首先是要装VsCode的扩展插件,点击左上角最后一个图标,在搜索里面输入JavaScript (ES6) snippets/NPM/Vue 2 Snippets;
第二步调试配置:VsCode第一次运行只需要把项目切换到项目根目录/build/dev-server.js点击运行按钮或者使用快捷键F5就可以启动项目了,第一次启动之后ide就会把启动的js记录下来,下次不管在那个页面只需要使用F5启动即可;
2.再说WebStorm的使用优化和vuejs项目的调试配置:
①.优化WebStorm解决卡顿的问题。
WebStorm的优化主要在设置内存上,防止ws卡死,设置步骤如下:webstorm安装主目录>bin>WebStorm.exe.vmoptions,更改第二行:-Xms526m,第三行:-Xmx1024m;
②.配置vuejs调试js就不需要输npm run dev 启动命令。
二、VueJs框架特性和数据调用:
框架特性:纯前端语言,要配合后台接口才可以实现数据交换,vuejs相当于一个编译工具,把你写的代码和依赖的三方库,编译成浏览器可以识别js语言和html页面,所有的业务在用户的浏览器端执行。
数据调用:既然是客户端语言那么如果让vuejs去做服务器端渲染(SSR)是一件极其困难的事情,官方是这样说的:
“在 2.3 发布后我们发布了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入,适合已经熟悉 Vue, webpack 和 Node.js 开发的开发者阅读。请移步 ssr.vuejs.org。(目前只有英文版,社区正在进行中文版的翻译)”,可见vuejs在服务器端渲染是非常吃力不讨好的(当然有兴趣的朋友可以去试一下ssr的搭建和渲染,对于深入了解一门语言的原理是很有帮助的),既然vuejs不擅长做服务器端渲染,我们还是把目光聚焦在vuejs的前端操作上,那么一个前台站点去掉用后台最直接的方式就是ajax或者是rpc远程调用,ajax的使用可以使用一些优秀的框架,比如axios、zeptojs等,这些都是可以满足需求的,当然如果使用rpc的话可以使用hprose等。
具体常用的ajax请求的调用方式和方法,我这里就不细说了,需要的请自行百度,vue官方推荐的交换框架是axios查看详情:https://npm.taobao.org/package/axios;
三、VueJs路由选项以及使用
路由选项:
使用:比如我要使用启用HTML5 history功能的路由器,
var router = new VueRouter({mode:'history' });
到这了你可能已经对VueJs有了大体的了解,之前我还写了一篇关于:《VueJs深入浅出—常用操作手册》点击查看,希望我的文章能对你有所帮助!
祝:周末愉快!
转载于:https://www.cnblogs.com/vipstone/p/6772813.html
VueJs开发笔记—IDE选择和优化、框架特性、数据调用、路由选项及使用相关推荐
- Python编辑器与集成开发环境(IDE)选择
上一篇文章记录了怎么安装Python环境,同时也成功的在电脑上安装好了Python环境,可以正式开始自己的编程之旅了.但是现在又有头疼的事情,该用什么来写Python程序呢,该用什么来执行Python ...
- C#开发笔记之01-为什么开源框架会大量的使用protected virtual?
C#开发笔记概述 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/957 访问. 我们在很多开源框架中会经常看到prote ...
- JNI开发笔记(三)--JNI工程的框架分析
JNI工程的框架分析 引 1. JNI工程的组成部分 2. 各个部分之间的关系 引 JNI开发笔记(一)–Android Studio安装与环境搭建 JNI开发笔记(二)–创建JNI基础工程并运行 1 ...
- 云炬VB开发笔记 4选择结构
1三角形问题-- IF语句 2一个 月有多少天?-- Select Case 语句 3闰年问题--选择结构的嵌套 4个人简历--单选.复选和框架控件 5成绩转换-- 综合应用 6购物优惠-- 程序 ...
- android开发笔记之APK大小优化
蛋痛引发的争论 晚上,实在是无聊的蛋痛,就用自己的APK查看了一下手机中所有应用软件的信息,忽然看到一个APK, /system/priv-app/ApeTaleEditor/ApeTaleEdito ...
- android paho框架,Android 开发笔记 04 篇:Mqtt 框架 - Paho Java
官方文档:Eclipse Paho Java Client API:Package org.eclipse.paho.client.mqttv3 Paho 基础知识 Paho Java 客户端是用 J ...
- Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例...
引言 Cordova(PhoneGap)採用的是HTML5+JavaScript混合模式来开发移动手机APP.因此当页面须要获取手机内部某些信息时(比如:联系人信息,坐标定位.短信等),程序就须要调用 ...
- 云炬Android开发笔记 10主界面-首页UI与数据解析器开发(RecyclerView)
阅读目录 1.创建首页UI 1.1 检查依赖是否存在 1.2 布局 1.3 控件查找 2.首页下拉刷新实现 2.1[初始化] 2.2 封装刷新功能 2.3 加载数据的处理 3. 首页数据结构分析 3. ...
- 开发笔记:游戏逻辑模块组织及数据同步
一个游戏根据功能可以划分为多个不同的模块,如金钱.背包.装备.技能.任务.成就等.按照软件工程的思想,我们希望分而治之单独实现不同的模块,再将这些模块组合在一起成为一份完整的游戏.但现实是残酷的,不同 ...
最新文章
- 不惧困难,阿特拉斯机器人展示超强平衡能力
- linux sudo命令详解
- MyBatis知多少(22)MyBatis删除操作
- 2021年江苏高考各科成绩查询,江苏2021年高考总分及各科分数
- Gitflow branch与Docker image tag命名冲突怎么办?
- 图像拼接2 特征匹配
- Oracle笔记:备份还原
- HTML5 Canvas实现360度全景图
- Hobo 4: Total War
- python基础代码大全-python基础语法,python 代码命令大全
- [转]Javascript 调用MSAgent(Desc:网页中出现魔法巫师)
- lilo是什么意思_lilo是什么意思_lilo的用法_lilo造句_趣词词典
- python桌面程序臃肿_危险的转变:Python正在从简明转向臃肿,从实用转向媚俗
- 模拟电路64(滤波电路)
- 【C++ Primer】第十章 泛型算法 (练习)
- 学习笔记:图像分割之深度学习场景分割(2015开始)综述之前是手工特征
- wince6.0 屏幕旋转
- 设计低通巴特沃斯数字滤波器(matlab)去除ECG基线漂移实例
- windows服务创建
- IDEA:运行Tomcat时报错“1099”:Address localhost:1099 is already in use