Vue学习及自我反思

昨天说的要做一个文本搜索的功能, 用的Sphinx来进行索引, 后台应该是用PHP了, 毕竟有现成的代码,打算改一改, 前后端分离。

因此,突然想起了Vue这个框架, 但是呢, 以前只学过JQuery 和 Bootstrap (会点皮毛,也就能写出简单页面的水平)

看了官方VUE的文档, 导入JS直接使用还行, 简单方便, 紧接着去看了 element-ui, 这一看我就蒙了.

在我的观念里一直是 JQuery和 Bootstrap这个模式, 导入JS文件和CSS就可以了.

谁知道这玩意需要nodejs和npm, 这我都没接触过啊, 内心相当抗拒, 想着不就开发个简单的web显示页面吗, 还要去弄这些, 真麻烦.

试了半天, 直接从他给的cdn地址扣js和css都还是不行.

于是心里发狠, 别人都可以用, 为什么我不用呢, 然后就反思了, 就是我这种保留原有方式学习新东西的操作, 让我的技术原地踏步!!

因此开始百度,先了解nodejs是什么, 发现是一个JavaScript运行环境, 可以实现把JavaScript放到服务器上运行.

然后开始了解npm, 是nodejs的包管理系统.

下载了nodejs, 自带了npm(自动添加到了环境变量)

然后下面开始了Vue的学习之路, 其实也不是要学Vue, 就是用它来完成我要的效果就可以了.

1.更换国内源

npm config set registry http://registry.npm.taobao.org/

2.安装vue

npm install -g vue
npm install -g @vue/cli

3.安装element-ui

npm i element-ui -S

4.创建vue项目

vue create app