visual studio code编译器适用于多种开发语言,而且强大的插件更能让开发更加简便,对于初学者,先从visual studio code的安装学起;
1、下载并安装visual studio code编辑器,可到网盘中下载;
2、安装nmp,可通过安装nodejs来同步安装nmp(安装nodejs的同时也会把nmp安装) https://nodejs.org/en/download/
3、由于nmp下载的包有可能要翻墙,可选择下载cnmp来代替,坑点可参考另一文章
接下来进入第二个流程,打开已有项目通过文件->打开 来打开相应的项目

打开项目之后,必须在编辑器的终端把项目的路径添加上格式为cd + 项目路径

通过在控制台中输入 npm i用于下载相关库(这些库有何用还待研究),就是每个项目都要跑这一步,这个是一个麻烦点,即使已经下载过,仍需要下载,同时万一下载出错,有可能需要二次下载。
必装插件:
Vue 2 Snippets 这个插件基于最新的 Vue 官方语法高亮文件添加了Syntax Highlight,并且依据 Vue 2 的 API 添加了Code Snippets。
Vetur
JavaScript Snippet Pack
HTML Snippets
HTML CSS Support
网友评论