WebStorm下载:

链接:https://pan.baidu.com/s/11wqoB-1xsX0S92DjKQhV9Q
提取码:obdi
复制这段内容后打开百度网盘手机App,操作更方便哦–来自百度网盘超级会员V3的分享

小白学习前端,把自己玩成猴,好崩溃,主角都是从小白变成大佬的,不停的挨打是成为大佬的捷径。共勉~
*注:激活码失效,自己百度下载哈!

以下步骤出错的,没运行成功的,请查阅这篇博客:传送门

安装完成,创建WebStorm报错:

然后百度一下说,要先安装node.js,哎,小白的痛,跟个傻diao一样。
下载node.js_windows
下载的慢的化,百度云自取,我下载好的,如下图所示:百度云,密码:cokr

安装node.js


安装完成后,校验是否安装成功,win+R进行CMD 然后输入 node -v 查看版本

配置node.js 全局安装路径和缓存

现在配置全局模块的安装路径到node-global文件夹,npm缓存到npm-cache文件夹
在D:\Program Files目录下创建了node_cache和node_global文件夹

打开一个cmd 窗口 输入命令:

npm config set prefix "D:\Program Files\node_global"
npm config set prefix  "D:\Program Files\node_cache"

配置环境变量

在系统变量里新增NODE_PATH 值为刚刚设置node_global路径 加一级node_modules目录(会自动创建)下载的全局东西会放这里面!


在用户变量的Path 点击编辑!

下载安装Vue相关的全局配置

安装cnpm

我们来安装一下cnpm

主要是为了cnpm 替代 npm

访问外网比较慢,我们使用淘宝的镜像 https://npm.taobao.org/

还是打开CMD输入:npm install -g cnpm --registry=https://registry.npm.taobao.org


回车之后,我就可以可以快乐的用 cnpm 替代 npm(npm安装node就会有的)(-g 是安装在全局文件夹中!也就是在我们的node_global目录下)

用cnpm 安装vue-cli ,输入命令 cnpm install -g vue-cli

这里 cnpm不顶用,就换成npm吧~,上面搞了个寂寞

用cnpm 安装vue-cli

输入命令 cnpm install -g vue-cli
不行就用 :npm install -g vue-cli

安装webpack

输入命令 cnpm install -g webpack
不行换:npm install -g webpack

使用WebStorm创建Vue项目


写错了,webpack,这个安装好后就会出现~
一路next 就可以了~

前端开发工具WebStorm下载相关推荐

  1. 分享一款超级好用的前端开发工具-webstorm for mac下载

    WebStorm是jetbrains公司旗下一款商业的JavaScript 开发工具.被JS开发者誉为"Web前端开发神器"."最强大的HTML5编辑器".&q ...

  2. JavaScript开发工具WebStorm使用教程:WebStorm项目

    无论在WebStorm 中做什么,都是在项目的上下文中执行的.WebStorm 中的项目是一个文件夹,其中包含您编辑的源代码.您使用的库和工具(例如,在node_modules子文件夹中)以及各种应用 ...

  3. JavaScript开发工具WebStorm教程

    WebStorm是一款优秀的Javascript IDE,下面是WebStorm的用户界面和使用教程. 当用户第一次运行WebStorm或者没有打开项目,在WebStorm显示的欢迎屏幕上,可以快速访 ...

  4. VSCode前端开发工具介绍、下载和安装(从头到尾)

    一.为什么使用VSCode作为前端开发工具?: Visual Studio Code(简称VS Code/VSC),个人认为它主要有以前几个好处: ①开源-可免费使用(例如,WebStorm和Subl ...

  5. 4.前端开发工具介绍以及下载使用

    支持戳这里看视频学习 →→→ [上]前端开发工具介绍与下载...[下]写人生中第一个HTML 戳这里可看全系列内容 →→→ 戳我戳我戳我 文章目录 一.前言 二.编辑器介绍 1.VSCode a.介绍 ...

  6. JetBrains WebStorm for Mac (强大的前端开发工具) 2021.3

    MacWebStorm for Mac 是一款优秀的前端编辑工具,前端开发必备.主要新增了ES2022 私有类成员支持.新远程开发功能.更出色的单仓库支持.Deno LSP.拆分 Run(运行)工具窗 ...

  7. webstorm github怎么用_前端开发神器WebStorm发布最新版本2019.3,代码完成更加智能...

    WebStorm是一款深受广大程序员喜爱的JavaScript 开发和Web前端开发工具,完美适应各种复杂客户端开发和Node.js的服务器端开发.2019.3版本的启动速度提高了20%,对Vue.j ...

  8. 细数那些年我用过的前端开发工具

    图片发自简书App 一:HBuilder 下载地址:http://www.dcloud.io/ 飞速编码的极客工具,大幅提升HTML.js.css的开发效率. 使用HTML5开发,然后使用HBuild ...

  9. 黄聪:AngularJS最理想开发工具WebStorm

    Aug 29, 2013 Tags: angularangular.jsangularjswebstorm Comments: 23 Comments AngularJS最理想开发工具WebStorm ...

最新文章

  1. 从零开始入门 K8s | 应用编排与管理
  2. wxWidgets:wxMediaCtr类用法
  3. QT的QBluetoothServiceDiscoveryAgent类的使用
  4. HDU 6682 Make Rounddog Happy
  5. 新监管形势下的数据流通合规技术解最新探究 (连载一)
  6. python量化交易开源框架_hikyuu: 基于C++/Python的开源量化交易研究框架
  7. 莫烦Tensorflow教程(1~14)(转)
  8. Node-webpack基本使用和详细案例
  9. 一个简简单单检测http服务状态的脚本
  10. python—模块-configparser
  11. 基于STC89C52单片机的LED显示电子钟的制作
  12. java简历校园经历_简历校园经历如何编
  13. 暗影精灵5风扇怎么调_惠普暗影精灵5内部结构是怎么样的 他的散热效果好不好呢...
  14. idea启动后项目启动报错,必须得记录一下
  15. 计算机安全知识有哪些方面,信息安全的基本属性包括哪些方面?
  16. 工件表面图案正反及混料检测流程
  17. 163邮箱自动化登录实现模块化【2】
  18. 浙师大OJ2494走楼梯问题
  19. 记录 uni-app 中对 data 的修改视图未更新的坑
  20. python经典程序实例代码,python编程应用实例

热门文章

  1. python多进程子进程不运行问题
  2. 捕获Chrome浏览器全屏退出事件
  3. Linux上采用rdtsc指令对C/C++程序进行性能测试
  4. ZeroDivisionError: integer division or modulo by zero
  5. IP协议详解【IP报文头部结构、IP分片、IP路由、IP转发】
  6. UE4 个人学习知识点记录3
  7. 百度直连+cns完美,那怎么搭建CNS配合百度直连呢
  8. Ureport2的表格更改小技巧
  9. iOS打包错误The operation couldn’t be completed. (AppThinning.StubError error 1.)
  10. Chrome插件安装教程