发表于: 2017-07-11 23:21:14
0 851
今天完成的事情:学习了一个简单的下拉列表的写法,开始用js怎么也写不出来,后来发现原来用css就能很容易的写出来。学会了安装nodejs,npm,less,大致了解了复盘项目的一些需求。实现了翻页指令的首页,末页,上一页,下一页的功能,以及点击页数跳转到对应页数的 功能。
明天计划的事情:研究复盘方案,探讨需要用到的知识点。
遇到的问题:很容易在一个小问题上纠结太久。
收获:
less的安装以及与sublime3的配合使用。
1、安装Node.js
首先先配置一下环境,less需要nodejs支持,所以我们先要安装一下nodejs。到nodejs官网下载就可以了:https://nodejs.org/en/ ;下载对应系统版本的安装包,我的是64位的.msi安装包。然后我安装到了c盘,并没有更改路径。
然后win+r打开cmd运行窗口,不用更改路径,直接在默认路径后面输入node -v就可以得到node的版本信息,输入npm -v就可以得到npm的版本信息,表示安装成功
2、安装less
cmd 下:
npm install -g less
之后在 Sublim 里面建less文件时,会有一个错误
LESS: Unable to interpret argument clean-css
这是因为还需要一个插件
less-plugin-clean-css插件的安装
npm install less-plugin-clean-css
3、安装Sublime 插件
(1)安装LESS插件:因为Sublime不支持Less语法高亮,所以,先安装这个插件,方法: ctrl+shift+p>install Package>输入less按Enter
(2)安装LESS2CSS插件:这个插件的作用是
当保存less文件的时候自动生成同名的css文件;
当保存less文件的时候提示编译错误信息;
批量编译项目目录下的所有less文件为css文件。
安装方法:ctrl+shift+p>install Package>输入less2css按Enter
但是这个less2css插件还需要https://github.com/duncansmart/less.js-windows这个东西的支持,可以直接在github里面把他克隆下来,反正我是下载不下来他的zip压缩包。克隆下来放到一个文件夹,记住文件夹的地址。
然后打开系统,高级系统设置,环境变量,点击上面的用户变量中的path,然后点击上面的编辑,加入自己的less.js-windows文件夹地址;比如我的是:C:\Program Files\less.js-windows-master;然后就好了。
评论