前端开发工具WebStorm下载
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下载相关推荐
- 分享一款超级好用的前端开发工具-webstorm for mac下载
WebStorm是jetbrains公司旗下一款商业的JavaScript 开发工具.被JS开发者誉为"Web前端开发神器"."最强大的HTML5编辑器".&q ...
- JavaScript开发工具WebStorm使用教程:WebStorm项目
无论在WebStorm 中做什么,都是在项目的上下文中执行的.WebStorm 中的项目是一个文件夹,其中包含您编辑的源代码.您使用的库和工具(例如,在node_modules子文件夹中)以及各种应用 ...
- JavaScript开发工具WebStorm教程
WebStorm是一款优秀的Javascript IDE,下面是WebStorm的用户界面和使用教程. 当用户第一次运行WebStorm或者没有打开项目,在WebStorm显示的欢迎屏幕上,可以快速访 ...
- VSCode前端开发工具介绍、下载和安装(从头到尾)
一.为什么使用VSCode作为前端开发工具?: Visual Studio Code(简称VS Code/VSC),个人认为它主要有以前几个好处: ①开源-可免费使用(例如,WebStorm和Subl ...
- 4.前端开发工具介绍以及下载使用
支持戳这里看视频学习 →→→ [上]前端开发工具介绍与下载...[下]写人生中第一个HTML 戳这里可看全系列内容 →→→ 戳我戳我戳我 文章目录 一.前言 二.编辑器介绍 1.VSCode a.介绍 ...
- JetBrains WebStorm for Mac (强大的前端开发工具) 2021.3
MacWebStorm for Mac 是一款优秀的前端编辑工具,前端开发必备.主要新增了ES2022 私有类成员支持.新远程开发功能.更出色的单仓库支持.Deno LSP.拆分 Run(运行)工具窗 ...
- webstorm github怎么用_前端开发神器WebStorm发布最新版本2019.3,代码完成更加智能...
WebStorm是一款深受广大程序员喜爱的JavaScript 开发和Web前端开发工具,完美适应各种复杂客户端开发和Node.js的服务器端开发.2019.3版本的启动速度提高了20%,对Vue.j ...
- 细数那些年我用过的前端开发工具
图片发自简书App 一:HBuilder 下载地址:http://www.dcloud.io/ 飞速编码的极客工具,大幅提升HTML.js.css的开发效率. 使用HTML5开发,然后使用HBuild ...
- 黄聪:AngularJS最理想开发工具WebStorm
Aug 29, 2013 Tags: angularangular.jsangularjswebstorm Comments: 23 Comments AngularJS最理想开发工具WebStorm ...
最新文章
- 从零开始入门 K8s | 应用编排与管理
- wxWidgets:wxMediaCtr类用法
- QT的QBluetoothServiceDiscoveryAgent类的使用
- HDU 6682 Make Rounddog Happy
- 新监管形势下的数据流通合规技术解最新探究 (连载一)
- python量化交易开源框架_hikyuu: 基于C++/Python的开源量化交易研究框架
- 莫烦Tensorflow教程(1~14)(转)
- Node-webpack基本使用和详细案例
- 一个简简单单检测http服务状态的脚本
- python—模块-configparser
- 基于STC89C52单片机的LED显示电子钟的制作
- java简历校园经历_简历校园经历如何编
- 暗影精灵5风扇怎么调_惠普暗影精灵5内部结构是怎么样的 他的散热效果好不好呢...
- idea启动后项目启动报错,必须得记录一下
- 计算机安全知识有哪些方面,信息安全的基本属性包括哪些方面?
- 工件表面图案正反及混料检测流程
- 163邮箱自动化登录实现模块化【2】
- 浙师大OJ2494走楼梯问题
- 记录 uni-app 中对 data 的修改视图未更新的坑
- python经典程序实例代码,python编程应用实例
热门文章
- python多进程子进程不运行问题
- 捕获Chrome浏览器全屏退出事件
- Linux上采用rdtsc指令对C/C++程序进行性能测试
- ZeroDivisionError: integer division or modulo by zero
- IP协议详解【IP报文头部结构、IP分片、IP路由、IP转发】
- UE4 个人学习知识点记录3
- 百度直连+cns完美,那怎么搭建CNS配合百度直连呢
- Ureport2的表格更改小技巧
- iOS打包错误The operation couldn’t be completed. (AppThinning.StubError error 1.)
- Chrome插件安装教程