别扯那么多有的没的,务实点儿。
vue.js作者尤雨溪,现在是马爸爸的人,国内目前最火前端mvvm框架,他个人在维护更新!相对于angular和react,vue学习路线相对简单,中文文档资料相对详细,容易上手,大胆实战开发!
不支持ie低版本,谁他妈要兼容ie8,请把眼睛移到右上角,看见那个叉叉没,点击它。Now,go out and hurry up.
版本:@2.3.4
vue2和vue1的区别就是使用了虚拟dom(virtual dom) :相关面试题:虚拟dom的目的?使渲染更快,页面效率更高。
第一步:下载并安装vue环境。个人喜好npm,windows操作系统。苹果和Linux可以找别的资源去吧!!老子一个前端,没那么讲究!
养成好习惯,详细做笔记。以前写过几个学习项目,什么php搭建一个博客呀,用户留言系统呀;什么angularJs模仿网易云音乐呀;什么react虚拟app呀;甚至还有mui的东西,学的时候当个宝儿,学完之后就扔掉,最后特么有机会遇到当时写过的代码可以复用,发现不知道项目怎么跑起来了!!!
所以做好笔记,日后好复习!
1,跟我一起操作,在桌面新建一个文件夹,取名vue2,然后打开文件夹,新建一个day01。
2、命令行进入day01 目录。cd c:vue\day01
3、安装node(后面的路径,按照电脑位数自己选择安装,不会请问度娘。)(https://nodejs.org/en/)
4、命令行输入:npm init --yes :在工程目录下就会生成一个package.json文件
5、命令行输入:npm install vue --save:安装最新版本的vue。如果遇到安装问题,可能需要一个淘宝镜像,安装:npm config set registry https://registry.npm.taobao.org。配置后可通过下面方式来验证是否成功 npm config get registry或 npm info express。
6、安装完成后:打开文件夹会有一个node_modules文件夹,打开找到里面的vue下面的dist文件夹。copy vue.js 和vue.min.js。新建一个文件夹,js>复制进去,其他的就都删除掉吧。
7、hello world
别偷懒,照着写一遍、程序员别太依赖提示大法和cv大法。这是不对的!
8、运行之后打开控制台,为了更好的使用vue,谷歌提示你安装一个测试工具。点击链接进入github。下载安装!链接: https://pan.baidu.com/s/1qXDDr9E 密码: xatb。下载之后解压,打开谷歌浏览器开一个新界面:地址栏输入:chrome://extensions/。直接将文件拖入,成功之后打开hello world。看到右上角有一个vue标志就成功了!
9、现在我们需要明白,这是开发环境,开发环境可以调试,但是生产环境上我们是不能允许别人调试的。我们需要知道一个控制这个工具的方法。
Vue.config.devtools = false;//默认是true,但是生产环境需要关闭。
Vue.config.productionTip = false;//默认是true,但是生产环境我们需要关闭。这是提示信息!
那么我们就算入门了,hello world 已经成功了。如有疑问可以向我提问,如果我看到了一定帮你。