ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue element admin 的下载安装,详细

2021-11-14 15:33:21  阅读:229  来源: 互联网

标签:node Node vue admin js 点击 npm 下载安装 安装


一、node.js

(1)下载

Node.js 安装包及源码下载地址为:Download | Node.js

nodejs_download

你可以根据不同平台系统选择你需要的 Node.js 安装包。

Node.js 历史版本下载地址:Index of /dist/

注意:Linux 上安装 Node.js 需要安装 Python 2.6 或 2.7 ,不建议安装 Python 3.0 以上版本。


Windows 上安装 Node.js

你可以采用以下两种方式来安装。

1、Windows 安装包(.msi)

(2)安装

本文实例以 v0.10.26 版本为例,其他版本类似, 安装步骤:

步骤 1 : 双击下载后的安装包 v0.10.26,如下所示:

install-node-msi-version-on-windows-step1

步骤 2 : 点击以上的Run(运行),将出现如下界面:

install-node-msi-version-on-windows-step2

步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

install-node-msi-version-on-windows-step3

步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录,并点击 next(下一步):

install-node-msi-version-on-windows-step4

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)

install-node-msi-version-on-windows-step5

步骤 6 :点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步):

install-node-msi-version-on-windows-step6

安装过程:

install-node-msi-version-on-windows-step7

点击 Finish(完成)按钮退出安装向导。

(3)环境配置

1.我的是win10操作系统
2.我的node.js的安装目录在G:\nodejs

第1步:打开你的安装目录,在此目录下创建2个文件夹,命名为node_cache,和node_global
命名一个字符都不能错

第2步:

打开命令行窗口,然后输入命令
npm config set prefix "G:\nodejs\node_global"
npm config set cache "G:\nodejs\node_cache"
这是2行命令,需要分开执行


第3步:
打开环境变量设置窗口,在系统变量这一栏中,点击“新建”按钮,添加一个变量名“NODE_PATH",值为“G:\nodejs\node_global\node_modules”

 第4步:
在“系统变量”里,找到Path这个变量,选中并编辑它。给他添加一个值: G:\nodejs\  这个是你的nodejs的安装根目录

 第5步:
在“用户变量”这一栏,找一个叫Path的变量。如果没有,就新建之,其值为D:\nodejs\node_global\。


完了就去试试吧
看你们的命令node -v和npm -v能不能正确运行

二、git

(1)下载

官网下载地址:https://git-scm.com/download
xiaz1图
2.腾讯软件中心:https://pc.qq.com/detail/13/detail_22693.html
xiaz2图

(2)安装

软件安装比较简单,一直点击next按钮即可


01图
2.安装完毕后,鼠标右键单击
02图
3.检查Git是否安装正常
①windows键+R,输入cdm
03图
②输入git,弹出以下内容表示安装成功
13图

(3)环境配置

此处涉及Git知识点较多,详细推荐“Git 详细安装教程(详解 Git 安装过程的每一个步骤)Git 详细安装教程(详解 Git 安装过程的每一个步骤)_mukes的博客-CSDN博客_git安装

三vue element admin

Vue-element-admin

vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你。

官网地址:vue-element-admin

运行工程和编译工程


  1. # 克隆项目
  2. git clone https://github.com/PanJiaChen/vue-element-admin.git
  3. # 进入项目目录
  4. cd vue-element-admin
  5. # 安装依赖
  6. npm install
  7. # 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
  8. npm install --registry=https://registry.npm.taobao.org
  9. # 本地开发 启动项目
  10. npm run dev

 

 

 

标签:node,Node,vue,admin,js,点击,npm,下载安装,安装
来源: https://blog.csdn.net/weixin_52960566/article/details/120454984

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有