vuejs环境搭建_vue搭建论坛

vuejs环境搭建_vue搭建论坛前端框架vue开放环境搭建

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

说明

该文章用最简单粗暴的方式完成vue框架的搭建,跟着步骤一步一步来就ok,这里就不阐述什么原理了,直接开工。

第一步:下载并安装Node.js

安装包请移步Node中文官网,直接点我进去找就行

vuejs环境搭建_vue搭建论坛

vuejs环境搭建_vue搭建论坛

打开安装程序无脑下一步就ok,注意安装的路径就行,默认的路径是c盘

第二步:配置环境变量

现在的版本安装以后,一般会自动为电脑配置环境变量,但是以防万一我们还是看一看。

我的电脑–>属性—>高级系统设置—>环境变量

vuejs环境搭建_vue搭建论坛

 找到Path点击编辑

vuejs环境搭建_vue搭建论坛

 这里我们发现它已经自动帮我们配好了,如果没有的话就点击新建

vuejs环境搭建_vue搭建论坛

在其中输入安装的路径即可

第三步:Win+R输入cmd打开dos窗口检查是否成功

输入  node -v  检查node是否安装成功,如果显示版本号即是安装成功

输入  npm -v   检查npm是否安装成功,如果显示版本号即是安装成功

(npm可以理解为node依赖包管理工具,一般安装node便会一同安装)

vuejs环境搭建_vue搭建论坛

 第四步(可有可无,建议装):安装cnpm

 由于要通过npm下载依赖,但是由于是境外网站,因此难免偶尔抽风,我们就可以配置一个国内的镜像网站用于依赖的下载,而我们大气的阿里巴巴就这样提供了这个东西。

在dos窗口输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

在下载结束后同样输入    cnpm -v      检查是否安装成功

vuejs环境搭建_vue搭建论坛

 如图所示即为成功

第五步:下载依赖

三种方式下载都可以,二者选其一

1.在所使用的编辑器的终端页面进行操作,如H Builder X或者idea都是同样的道理

2.在安装的文件下,空白的区域按住shift键+鼠标右击——–>在此处打开Powershell窗口

vuejs环境搭建_vue搭建论坛

vuejs环境搭建_vue搭建论坛

 3.在dos窗口下一直cd到安装node的目录

在以上三种任意一个窗口的光标处输入:

npm install

 就会自动开始下载,只要稍等片刻就行,但是之前提过,因为是境外网站,难免会抽风,这时如果失败了,那么我们之前安装的cnpm就派上用场了。同样在光标处输入:

cnpm install

同样稍等片刻便会自动安装完成,这样node需要的依赖就都下载完成了。

整个开发环境的搭建就大功告成啦!!!

其他事项

1.如果需要其他的第三方依赖,同样使用npm或者cnpm进行下载即可,比如说element-ui就是一个第三方,如果需要使用记得先用npm或者cnpm进行install即可。最好在前端编辑器的终端进行安装,这样就免去了一步一步找文件的步骤(懒人本懒了),之后输入

npm i 依赖名字

2.有些教程还会提到更改node本地库的位置,node安装时默认本地仓库的位置是c盘,这个看个人需要,可以更改也可以不更改,如果更改了记得配置下环境变量就行。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/189181.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 光照度和光强度的区别_光照度勒克斯一般多大好

    光照度和光强度的区别_光照度勒克斯一般多大好在光度学中是没有“光强”这样一个概念的。常用的光学量概念有发光强度、光照度、光出射度和光亮度。“光强”只是一个通俗的说法,很难说对应哪一个光度学概念。以上所说的几个概念都是有严格的物理定义的:发光强度:光源在单位立体角内发出的光通量,单位是坎德拉,即每球面度1流明。光照度:被照明面单位面积上得到的光通量,单位是勒克斯,即每平方米1流明。光出射度:光源单位面积上发出的光通量,单位与光照度相同。…

    2022年10月30日
  • VC++常用功能开发「建议收藏」

    VC++常用功能开发「建议收藏」系列文章目录第一章:VC++ini配置文件封装类源代码第二章:VC++实现二维码(显示+保存图片)功能源代码第三章:VC++调节系统音量(与任务栏音量同步)源代码提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启..

  • 三步搞定maven中的mybatis Generator代码生成器

    三步搞定maven中的mybatis Generator代码生成器

    2020年11月12日
  • 贪吃蛇的程序代码_贪吃蛇代码怎么运行

    贪吃蛇的程序代码_贪吃蛇代码怎么运行效果按方向键移动按空格加速按esc暂停按两次esc退出随着蛇的长度增加,蛇移动速度加快没有屏闪main()intmain(){ Init(); //初始化 while(!die) { ProcessKey(); //处理按键 Move(); //移动蛇 Judge(); //碰撞检测 Draw(); /…

  • 数字金额大小写转换

    数字金额大小写转换

    2021年12月17日
  • navicat premium mac 激活码【2021.10最新】「建议收藏」

    (navicat premium mac 激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html2JTX0APX6F-eyJsaWNlbnNlSWQi…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号