【测试开发】【Vue.js学习笔记】2-环境准备

  关于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安装一次就行

 

猜你喜欢

转载自www.cnblogs.com/fengzx120/p/12117201.html