前端开发软件安装和配置

1.window中下载、安装git bash

官网下载 https://gitforwindows.org/

使用:与mac中使用语法都一样

2.webstorm下载、安装

https://www.jetbrains.com/webstorm/download/

**/**见博客:https://blog.****.net/hdp134793/article/details/81530472

3.node.js下载、安装

https://nodejs.org/en/

环境变量配置、cnpm安装见博客https://blog.****.net/wjnf012/article/details/80422313

测试是否安装成功,可在git bash任何目录中输入node -vcnpm -v来查看node和cnpm的版本,结果为

前端开发软件安装和配置

可以在git bash中输入node来进入node模式,可输入js代码,比如

前端开发软件安装和配置

4.webstorm2019配置node.js

file/settings 搜索node.js,在Node.js和NPM中,确认Node interpreter是否正确,并将Coding assistance for Node.js勾选上,点击OK。

前端开发软件安装和配置

配置好之后可以测试一下,新建demo.js文件

前端开发软件安装和配置

在webstorm上方工具栏点击run运行,结果为

前端开发软件安装和配置

5.在浏览器上安装 Vue.js devtools

这个链接讲的很好,是从github上用下载压缩包的方式实现的,需要用到cnpm install(下载依赖)和cnpm run build(编译源程序)

https://www.cnblogs.com/tanyongli/p/7554045.html