vue项目下常用的npm命令

北风toto

已于 2022-04-20 11:58:20 修改

阅读量3.9k

点赞数 2

分类专栏：次要的个人笔记 # Vue 文章标签： npm vue express

于 2022-04-20 11:52:05 首次发布

本文链接： https://blog.csdn.net/m0_46085118/article/details/124290761

版权

次要的个人笔记同时被 2 个专栏收录

67 篇文章 9 订阅

订阅专栏

Vue

7 篇文章 0 订阅

订阅专栏

文章目录

1、npm run serve
2、npm install
3、npm run duild
其他
参考文档

2、npm install

用于构建vue项目启动需要的环境
构建项目需要的依赖
运行前，文件总大小为1.8MB
运行后，大小为166MB，node_modules占了164MB

3、npm run duild

用于构建服务器启动，启动方式看参考文档（不是三言两语能解释的）
运行前
运行后，这个dist文件夹大致为10.9MB（作者的数据）

打包之后的使用
一开始运行npm run build 命令时，有这么一段提示：

这句话的意思就是：构建文件务必放在一个HTTP服务器。直接打开index.html文件将不工作。
解决方式：创建下面这个文件，重新运行npm run build

vue.config.js

module.exports={
    publicPath:"./"
}

其他

npm不仅仅可以在vue中使用，还有不少的地方使用到这个工具，所以有不少的命令和vue并没有关系，npm只是vue项目中的一项工具而已。

参考文档

npm run build 打包命令
vue-cli使用 npm run build打包后流程
vue3项目目录结构没有config文件夹
express 搭建本地简易服务器

2
点赞
踩
15

收藏

觉得还不错? 一键收藏
2
评论
vue项目下常用的npm命令

vue项目下常用的npm命令
复制链接

扫一扫

专栏目录

vue和webpack项目构建过程常用的npm命令详解

08-27

本文通过实例代码给大家介绍了vue和webpack项目构建过程常用的npm命令,需要的朋友可以参考下

vue-cli基本npm命令

09-12

vue-cli基本npm命令,包括项目搭建、依赖安装、依赖部署等

2 条评论您还未登录，请先登录后发表或查看评论

快速上手Vue开发：npm命令大全

程序员云帆哥的博客

02-03

741

npm是JavaScript运行时环境Node.js的默认包管理器，全称是Node Package Manager。2020年3月17日，Github宣布收购npm，GitHub现在已经保证npm将永远免费。截至2020年3月17日，npm为大约1200万开发人员提供了130万个软件包，这些开发人员每月下载这些软件包达750亿次。

基础Node环境以及使用npm搭建、运行VUE项目的全过程记录

最新发布

IT技术领域深耕10年+，北京大厂闯荡5年+

04-04

763

进行这些操作时，git bash的当前目录可以为任何目录，比如电脑桌面desktop下，使用 npm install -g @vue/cli 安装vue-cli工具，注意这里一些老的文档上仍然是使用 npm install --global vue-cli 命令安装vue-cli工具，会报错npm WARN deprecated。开发环境需要安装node.js。-rw-r--r-- 1 Administrator 197121 460272 九月 16 06:55 package-lock.json。

vue 项目中常用的npm命令

sssssnmmm的博客

07-15

1494

项目依赖的工具一般都放在项目代码中的。需要的环境及项目需要的一些工具。

vue npm 常用指令大全

weixin_43365995的博客

09-10

623

普通安装模块，包名不会注册到package.json里面，但会把包安装到项目node_modules npm install module_name install 可以简写 npm i module_name 安装指定版本 npm i xxx@1.2.0 更新指定的模块 npm update xxx 删除指定模块 npm uninstall xxx 全局安装模块，也就是安装到磁盘中，不会在项目 node_modules 目录中保存模块包，但是打包的时候也会把相关的包打包进去 npm i mod

【原】npm 常用命令详解

weixin_34185512的博客

06-08

2402

今年上半年在学习gulp的使用，对npm的掌握是必不可少的，经常到npm官网查询文档让我感到不爽，还不如整理了一些常用的命令到自己博客上，于是根据自己的理解简单翻译过来，终于有点输出，想学习npm这块的朋友不可错过这些基础命令，新手出品，对本文有疑惑之处还请同学们不耻下问。很久没有写文章啦，后续也希望自己在nodejs这方面有多点内容产出。本文以Windows平台上做测试，以gulp为示例...

前端开发技术栈（工具篇）：Vue/Node.js项目构建和包管理器npm的使用以及命令详解

SteveRocket's-Blog

10-28

2668

npm 是一个强大的包管理工具，它使开发人员能够轻松地安装、更新和管理项目依赖的包。通过初始化一个package.json 文件，你可以描述你的项目并记录其依赖关系。使用 npm install 命令，你可以安装和管理包。使用 npm publish 命令，你可以发布自己的包到 npm 注册表。无论是在开发过程中还是在分享你的包时，npm 都提供了丰富的功能和命令来满足你的需求。

npm常用命令

Miss_Y0的博客

05-19

1022

查看版本 npm -v 修改版本 npm install npm -g // 升级到最新版本 npm -g install npm@版本号 // 指定版本查看配置信息 npm config list 查看镜像 npm config get registry 修改镜像（全局） npm config set registry https://registry.npmjs.org // 官方源 npm config set registry https://registry.n..

npm 常用命令

温温的博客

05-17

5900

1. npm run build 打包命令 or npm run build:prod; 2. npm install 安装依赖(模块) 简写 npm i 3. npm uninstall 卸载依赖 (一般直接重新下载依赖就可以直接覆盖掉之前的) 4. npm update 更新依赖 (一般直接重新下载依赖就可以直接覆盖掉之前的) 5. npm init 在项目中引导创建一个package.json文件 6. npm version 查看模块版本简写 npm -v ......

vue知识点--npm指令

m0_65208646的博客

07-25

2137

NPM的全称是，是一个NodeJS包管理和分发工具，npm是JavaScript运行时环境Node.js的默认包管理器，已经成为了非官方的发布Node模块（包）的标准。

如何运行vue项目(超详细图解）

热门推荐

忧郁的蛋的专栏

05-10

3万+

本篇超级详细案例截图教学如何运行别人的vue项目，图片点击可放大仔细看一、查看node.js版本Vue环境配置教程：https://blog.csdn.net/m0_57545353/article/details/124366678配置完成后分别在cmd中执行node -v查看是否安装成功，出现版本号就安装成功了进入cmd命令行窗口，输入node -v查看nodejs版本输入npm -v查看npm版本node -v npm -v 1 2如下图如所示，即为安装成功：二、运行别人的项

vue项目模板,npm i 后直接使用

12-13

vue项目的模板，已经配置好路由和热保存编译，可以直接使用run dev命令

VUE项目启动失败：Module build failed

01-08

VUE项目启动至98%时失败错误如图，最近使用Vue/cli创建一个项目时npm run serve启动失败，询问了大佬，都说重新安装一下node_modules包，卸载重新安装之后任然无效，最后发现是命令错误首先第一步rimraf node_modules命令移出node_modules包然后再使用npm i install命令安装一次node_modules包到这里应该已经没有问题了，可以尝试一下能否启动成功如果依然无法启动可以使用npm audit fix命令修复一下node_modules包，最后在调试一次，代码完美运行作者：安市

使用命令行工具npm新创建一个vue项目的方法

11-29

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目： # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project $ vue init webpack test //输入命令 ? Project name (test) test ? Project name test ? Project

详解Vue项目在其他电脑npm run dev运行报错的解决方法

12-11

在项目目录下使用 npm install 然后再 npm run dev。如果在这一步当中， npm install 执行的过程中，处于一直卡顿的状态。说明网络状况不佳。建议使用 cnpm 淘宝源。淘宝源使用 cnpm -v 查看是否已经安装 cnpm...

vue入门---npm指令

yookooi

07-25

1133

view入门---npm指令

vue项目如何运行（超详图解）

weixin_57037336的博客

03-15

8967

若出现类似下图显示，即为安装成功。

VUE项目运行常用命令

weixin_55666891的博客

02-07

4018

VUE项目运行常用命令

vue-cli工程常用的npm命令

03-21

常用的npm命令包括： 1. npm install：安装项目所需的依赖包 2. npm run dev：启动开发环境 3. npm run build：打包生产环境代码 4. npm run test：运行测试 5. npm run lint：运行代码检查 6. npm run serve：启动...