webstorm使用前的准备——Node.js安装及配置

1.下载Node.js(自带npm)
打开官网下载链接:https://nodejs.org/en/download/
下载
避坑指南:
这里一定要注意不要点击current去找那个最新版本,不然在后面配置的过程中很可能会炸,那个是17版本,下载LTS下的16版本完全够用,不用追求最新。要不然在后面卸载nodejs巨难受,踩坑亲身经历。
安装nodejs的过程这里不予给出,挺简单的自己设置一个安装路径,剩下的一路next下去就可以。
2.在nodejs路径下新建两个文件夹node_cache和node_globe.如下:
文件
3.设置nodejs prefix(全局)和cache(缓存)路径

打开cmd指令,win+R
输入如下指令:
a.设置缓存文件夹
npm config set cache “C:\Program Files\nodejs\node_cache”
b.设置全局模块存放路径
npm config set prefix “C:\Program Files\nodejs\node_globe”
自己根据自己的下载路径改改后面的,这里为了方便,我直接下到了C盘,大家可以选择其他盘块。

4,设置环境变量(important,很重要,要仔细一点,网上关于这方面的教程各有千秋,可以试试我这种,找了很多,这一种亲测可行,如果不行的话也可以自己找一找其他的)。
a.系统变量
NODE_PATH
新建一个NODE_PATH,变量值根据自己的自己配一下。
配置
Path
编辑Path,新增如下两个环境变量,其中一个可能配置完上一个就会自动生成。这一步的配置网上偏于多样化,可以多多参考。
文件路劲
b.用户变量
path编辑,新增
%NODE_PATH%\node_global
Path
5.简单测试
node -v
npm -v

版本
6.安装淘宝镜像(类似于阿里云的maven中央仓库镜像)
安装命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org

验证命令:cnpm -v

敲重点:从第六步开始(包括第六步),就要关闭cmd,以管理员方式运行cmd窗口了,否则后续指令是行不通的,这是当初踩坑后花了半个多小时才找到命令运行失败的原因,愿诸君避开此坑。

7.安装webpack
命令行语句为 cnpm install webpack -g

8.安装Vue
cnpm install vue -g

9.安装vue命令行工具,即vue-cli 脚手架
cnpm install vue-cli -g

10.检测是否安装成功
node -v
npm -v
webpack -v
vue -V

这里注意如果webpack -v出现如下:
web
不用管,直接回车,然后执行如下指令。
npm install webpack-cli -g

11.下载安装git
安装
安不安装不影响其实,看实际需求吧,自己开发的话,有上面那一个作为调试已经是够用了,如果是团队合作开发的话,可以考虑下一个。

官网:https://git-scm.com/
三方:https://pc.qq.com/detail/13/detail_22693.html
这里建议使用第三方,官网好像要翻墙,这玩意真是有毒。

到这里,就要和各位说再见了,配置圆满完成,对于webstorm的使用,如果后续有时间的话,会进行更新。

前程万里
努力一定有回报,诸君晚愉。

渐行渐远的只有背影,能够留下的皆是时光。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/428023.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1.Python数据类型、方法

数据类型及常用方法 一、字符串 1.说明 (1)字符串需加引号; name "我是Allen" name Allen name """Allen""" name 我是Allen 字符串示例(2)字符串创建后不可修改&#xf…

如何将图片序列化_PS如何将图片制作成gif动态图 ps制作gif动态图教程

想要制作gif动态图片,为何不试试万能的PS呢!使用PS可以帮助用户快速轻松的制作gif动图,操作简单又方便。那么如何利用PS快速将图片做成gif动态图,其实方法是很简单,制作这种gif动图其实就是把几张图片组合起来然后简单…

Vue-简单网格组件的使用grid

先上一波效果图: 简单来说就是行和列的应用 el-row 为行 el-col 为列 其他的往里面添加组件即可 源码: *格式自己可以通过修改style和script实现自己想要的效果 <template><div class"main"><el-row><el-col span"6"><img sr…

JulyNovel-React

写在前面的话 目前&#xff0c;JulyNovel后端框架基本搭建、部署完毕&#xff0c;GraphQL提供的API接口也有着高可用性&#xff0c;数据库里也存了六七百兆爬来的小说数据&#xff0c;是时候开始写前端了。 框架选用 JulyNovel采用的技术栈是React Antd Relay 其实我这种展示…

vs python opencv_VsCode+Anaconda+OpenCV开发环境搭建

前言操作系统&#xff1a;Deepin-20-Beta一、安装CMake版本&#xff1a;3.13.4安装命令&#xff1a;sudo apt-get install cmake二、安装vscode版本&#xff1a;1.47.3安装命令&#xff1a;dpkg code_1.47.3-1595520028_amd64.deb存在问题&#xff1a; spuer e 变为启动 vscod…

vue——走马灯-类轮播图

前端重积累&#xff0c;话不多说&#xff0c;先上一波效果图: 特意总结的裸着就能使用的轮播图&#xff0c;拿走不谢 vue文件&#xff0c;可以用webstorm进行运行 webstorm前置配置可见如下链接: nodejs配置 <template><div><el-carousel :interval"2000…

VM异常关闭后导致虚拟机无法打开问题解决办法【已解决】

vmware卡的时候&#xff0c;我就去关闭vmware&#xff0c;一直提示vmware服务繁忙&#xff0c;然后我就强制把vmware服务关掉了 再打开的时候就打不开了&#xff0c;弹框提示“”........vmx.exe已提前退出“”&#xff08;具体提示这里没有截图了&#xff09; 解决方法很简单&…

废旧光盘手工小制作_废旧利用 | 幼儿园手工卷纸筒制作大全,超实用

卷纸筒企鹅【所需材料】卷纸筒、黑白两种颜色的卡纸、剪刀、胶水、画笔【步骤教程】1.如图&#xff0c;在卷纸筒上画一个半圆&#xff0c;剪出来2.用黑色卡纸剪出以下的形状&#xff0c;和卷纸筒粘在一起3.再用白色的卡纸画出企鹅的眼睛、嘴巴和脚&#xff0c;粘上就OK啦&#…

vue(el-button的五种类型,三种css格式)

在写一个系统的css文件的时候&#xff0c;发现了不同类型的button的初始颜色不同&#xff0c;为了完美的使button的颜色和背景的颜色相映照&#xff0c;就去搜了一下&#xff0c;小做总结&#xff0c;为以后的使用做准备。 <div><el-button><span>默认按钮&l…

北京集训:20180310

北京集训的第一天&#xff0c;我完美爆零......这其中的经历&#xff0c;十分有趣呢。 T1: 这题一看就是先猜一个性质然后利用他去求解。如果我们知道怎么插入&#xff0c;怎么判定的话&#xff0c;可以线段树分治的说。然后我猜了一个结论:如果稳定&#xff0c;则一定有一个x的…

rs232串口驱动_电脑主板RS232串口硬件设计

更多硬件设计培训视频&#xff0c; 欢迎加入微信公众号“陈苍硬件设计”RS232属于一种电平标准&#xff0c;采用UART异步通信串行数据总线协议。工业电平标准RS422和RS485同样采用UART协议。具体uart的协议格式和RS232电平标准大家可回顾下《低速接口视频》。我们这里主要讲解R…

webstorm运行时遇到问题——localhost8080找不到应用程序

这个很可能是你没有设置默认的浏览器&#xff0c;自己去设置一下就可以。

ccf--20140903--字符串匹配

本题思路简单 题目和代码如下&#xff1a; 问题描述 试题编号&#xff1a;201409-3试题名称&#xff1a;字符串匹配时间限制&#xff1a;1.0s内存限制&#xff1a;256.0MB问题描述&#xff1a; 问题描述给出一个字符串和多行文字&#xff0c;在这些文字中找到字符串出现的那些行…

python安装caffe_Caffe安装笔记二:Caffe安装过程

下面开始正题&#xff0c;caffe的安装过程。因为出问题很多&#xff0c;所以实际上我是尝试了python2和python3两种python的接口。下面一并放出来。1.安装build-essentialsudo apt-get installbuild-essential这个是一些基本的库&#xff0c;具体包括哪些&#xff0c;安装前确认…

vue编写to-do list源码

前端重于积累&#xff0c;下次使用不迷路。 纯vue代码 话不多说,直接上效果图: 源码附上: <template><div class"bgBody"><!-- 卡片--><el-row :gutter"12" ><el-col :span"8" ><el-card shadow"hov…

cenos6.4安装gvim

1. 下载gvim并解压 wget ftp://ftp.vim.org/pub/vim/unix/vim-7.4.tar.bz2 tar -jxvf vim-7.4.tar.bz2 2. 进入解压后的vim74目录并运行配置命令 cd vim74 ./configure --enable-guiauto --enable-cscope --enable-multibyte --enable-xim --enable-fontset --with-featuresh…

vue积累——另一种走马灯

效果图: vue源码: <template><el-carousel :interval"1500" type"card" height"400px" ><el-carousel-item v-for"item in imgList" :key"item.id"><img :src"item.idView" class"im…

python下电影_Python3.6实现根据电影名称(支持电视剧名称),获取下载链接的方法...

本文实例讲述了Python3.6实现根据电影名称(支持电视剧名称)&#xff0c;获取下载链接的方法。分享给大家供大家参考&#xff0c;具体如下&#xff1a;做个笔记(python 3.6&#xff0c;django 2.0)def get_url(outer_order_id):refundId get_refundId(outer_order_id)host_url …

假设检验背后的逻辑

内容转自知乎相关问题答案&#xff0c;写的很清晰。 1. 概述逻辑&#xff1a; 全称命题只能被否证而不能被证明。这个道理很简单&#xff0c;个案当然不足以证明一个全称命题&#xff0c;但是却可以否定全称命题。 研究时&#xff0c;我们当然不希望否证自己的研究假设&#xf…

Arduino上U8g2库自制中文库

U8g2最新版的本身自带中文库&#xff0c;之所以需要自制&#xff0c;是为了减小内存&#xff1b; 文章最后会标一下u8g2自带的中文库不过有些板子不能用gb2312等大字体&#xff1b; 字体库需要的是需要的是下面的这种编码&#xff0c;而实现这种编码&#xff0c;就需要map文件…