Vue搭建微信小程序--准备工作问题(针对小白兔)----超级精华版
前言:
在我们开始做vue项目的时候,会想为什么这样为什么那样,对!我就是这么轴的人!非得给他搞清楚不可!接下来我将根据个人总结写一个移动端搭建的微信小程序,以下内容是一些准备搭建前的小小疑问吧。。。如有错误,请私聊我,我们好好探讨探讨!!!
1.首先,我们先理解下什么是vue,我们为什么要学习vue呢?
简单来讲:VUE就是一个已经搭建好的空屋,与单纯使用jQuery这种库比,可以更好地实现代码复用,减少工作量,与Angular.js这种家具电器一应俱全的框架相比又不会一件件挑选,把自己不喜欢再一件件的扔了,甚至required
必须用且耗费空间的! 简而言之,vue做了必须的事,又不会做职责之外的事。
2.在我们编写某种代码时会有相应的编写格式及规范,这也就是我们所说的设计模式,那么vue用的是什么设计模式呢?
Vue: MVVM设计模式:数据驱动模式,即所有的一切通过操作数据来进行,而尽量避免操作dom树,换句话说,我们不关注dom的结构,而是考虑数据该如何储存,用户的操作在view通过viewmodel进行数据处理,分情况是否通过ajax与model层进行交互,再返回到view层,在这个过程中view和viewmodel的数据双向绑定使得我们完全的摆脱了对dom的繁琐操作,而是专心于对用户的操作进行处理,避免了MVC中control层过厚的问题。
3.vue开发为什么要安装nodejs呢?
vue开发的项目其实可以不用安装node.js,可以用script标签引入vue.min.js,在js里实例化vue,但是vue如果安装了nodejs的话,vue.js属于构建工具,比如使用es6写需要babel转码,css需要sass,less,postcss进行预处理或后处理,开发服务器,代理,启动测试服务器localhost8080, 帮你管理 vue-router,vue-resource这些插件等等。不使用构建工具将无法直接使用单vue文件方式开发,准确的说是使用vue-cli(vue.js的脚手架,用于自动生成vue.js+webpack的项目模板) 搭建项目的时候需要nodejs。
4.npm是什么?为什么我们要需要用它呢?它装在哪?
npm其实是Node.js的包管理工具,Vue.js可以在html里引用,使用npm引入是方便包管理。等到应用需要的库和框架多起来后,一个个从html里引入就不方便了。为什么我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。 npm已经在Node.js安装的时候顺带装好了。
下一篇为nodejs的安装过程,如有其它问题,我会后续补充!
- 微信小程序3--准备工作
- 微信小程序小白总结全攻略3-简易开发前的准备工作
- 微信小程序开发准备工作
- 解决mpvue + vuex 开发微信小程序,vuex辅助函数mapState、mapGetters不可用问题
- 基于微信小程序的系统开发准备工作
- 微信小程序搭建及解决登录失败问题
- vue开发环境搭建(含WebStorm中vue的代码提醒和微信小程序开发代码提醒)
- 微信小程序开发(一)准备工作
- 微信小程序系列1(准备工作)
- 开发微信小程序:账号准备工作
- ios设备,在微信环境中,单页面程序(如:vue),页面分享问题
- 基于微信小程序的系统开发准备工作
- 用apache搭建虚拟目录,为你的PHP程序开发做好便利的准备工作
- 微信小程序学习笔记(1)--------准备工作
- 微信小程序准备工作
- 解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
- 微信小程序开发前的准备工作
- 个人写程序的准备工作 并且过程中所遇到问题以及解决过程(HT合泰单片机)
- 微信小程序开发《1. 准备工作以及工具》
- Vue项目搭建前的准备工作