IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> vue项目初学者npm如何安装与配置 -> 正文阅读

[JavaScript知识库]vue项目初学者npm如何安装与配置

npm如何安装与配置

在我们初次学习或者想要启动一个前端项目的时候准会要安装nodejs和npm
Nodejs的安装比较简单
安装文档下载:安装教程
Npm的安装准会有许许多多的问题
我在第一次安装的时候,尽管安装教程安装的到最后npm install这么也安装不上,这块安装不上出错是我们在node_global\node_modules全局文件的下面没有装上vue
在这里插入图片描述

详细安装步骤如下:
1. 下载安装node.js
中文网:http://nodejs.cn/
英文网:https://nodejs.org/en/

官网只能下载到最新和长期支持版的,最新的版本会和我们的一些vue项目instal的时候出现安装失败的情况,较低版本这里下载:https://registry.npmmirror.com/binary.html?path=node/latest-v14.x/
在这里插入图片描述

2. 安装
一路next,安装路径放到自己想要安装的盘符
3. 安装好后测试node和npm的安装情况
在这里插入图片描述

4. npm的配置
到nodejs安装的路径内新建node_global 和node_cache 两文件夹
在这里插入图片描述

5.以管理员的身份运行命令提示符 输入以下命令

npm config set prefix “D:\soft\nodejs\node_global”
npm config set cache “D:\soft\nodejs\node_cache”

6.输入命令配置镜像站

npm config set registry=http://registry.npm.taobao.org

7.输入命令显示所有配置信息

npm config list
在这里插入图片描述

8.检查一下镜像站是否安装成功

npm config get registry
在这里插入图片描述

9.运行命令获得vue的信息

npm info vue
在这里插入图片描述

(此图来源网络)

10.增加环境变量,很重要
增加系统变量:NODE_PATH 内容:D:\soft\nodejs\node_global\node_modules
在这里插入图片描述

系统变量path内新增
在这里插入图片描述

11.确定保存

12. NPM安装vue.js
命令:

npm install vue –g # -g 是全局的意思

13.上步操作完成后可以在global的目录下找到了vue,表示vue安装成功
在这里插入图片描述

14 .找一个前端项目,开始启动,启动前需要在项目路劲下安装node_modules一些本地模块资源
输入命令:

npm i # i是install的简写
在这里插入图片描述
在这里插入图片描述

15 .启动前端项目
输入命令:

npm run serve

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-05-24 18:03:56  更:2022-05-24 18:06:07 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 20:32:04-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码