关于ide的选择,因为之前一直都是用的pycharm作为python的ide,所以很习惯jetbrains这套全家桶,就用了webstrom,但用了一段时间,我用了vscode,发觉,这个才是前端该有的,于是果断换了,至于为什么,因为vscode的主题漂亮,其次插件太舒服了,只要安装如下几个插件,基本可以摆脱webstorm了
1、vetur:语法保量,只能感知
2、auto rename tag:自动完成另一侧标签的同步修改
3、path intellisense:自动化路径补全
4、html css support:让html标签上写class智能提示当前项目所支持的格式,安装后有快捷提示
5、Material Theme:vscode主题,点安装就完事了
6、Material Icon Theme:Material Theme的图标,点安装就完事了
反正我觉得这样子很好看,主题和图标都换了,比webstorm的好看
需要知道的:
1、npm是什么:
npm是随同NodeJS一起安装的包管理工具,可以把npm理解成python的pip,要安装npm的话,安装node.js就行,如何安装,百度就行。
2、如何开始一个前端项目:
在学习vue-cli和webpack之前,建立一个前端项目,只要在到项目的目录下打开命令行,输入npm init,一路回车就行,完成后,会生成一个package.json的文件
3、如何安装依赖包:
建立好项目后,就可以在项目下安装依赖包了,安装依赖包有两种方式,一种是本地安装,另一个中是全局安装
本地安装:npm install 模块名称@版本号
例:npm install [email protected]
全局安装:npm install 模块名称@版本号 -g
例:npm install [email protected] -g
本地安装后,安装的包会出现在当前项目下的node_modules下
全局安装后,安装的包会出现在固定目录下(通过npm root -g查看)
本地和全局的安装,在python中,可以理解为:虚拟环境pipenv和全局python环境,虚拟环境新建后每次都需要安装一遍依赖包,全局python安装一次就行