vue项目下常用的npm命令

已于 2022-04-20 11:58:20 修改
阅读量4k 收藏 15
点赞数 2
分类专栏： 次要的个人笔记 # Vue 文章标签： npm vue express
于 2022-04-20 11:52:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46085118/article/details/124290761
版权

文章目录

1、npm run serve

  • 一般为npm项目的启动命令

在这里插入图片描述

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项目中的一项工具而已。

参考文档

北风toto
关注
  • 2
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue和webpack项目构建过程常用的npm命令详解
08-27
本文通过实例代码给大家介绍了vue和webpack项目构建过程常用的npm命令,需要的朋友可以参考下
vue项目模板,npm i 后直接使用
12-13
6. **package.json** - 项目的信息，包括依赖、版本、作者等，以及npm命令的定义。 7. **README.md** - 项目的基本说明和指南。 8. **vue.config.js** - Vue CLI的配置文件，用于自定义Webpack配置。 使用Vue CLI...
前端开发技术栈（工具篇）：Vue/Node.js项目构建和包管理器npm的使用以及命令详解
SteveRocket's-Blog
10-28 3388
npm 是一个强大的包管理工具，它使开发人员能够轻松地安装、更新和管理项目依赖的包。通过初始化一个package.json 文件，你可以描述你的项目并记录其依赖关系。使用 npm install 命令，你可以安装和管理包。使用 npm publish 命令，你可以发布自己的包到 npm 注册表。无论是在开发过程中还是在分享你的包时，npm 都提供了丰富的功能和命令来满足你的需求。
npm run build命令详解及使用示例
最新发布
Leon_Jinhai_Sun的博客
05-28 1579
npm run build命令详解及使用示例
npm常用命令
Miss_Y0的博客
05-19 1154
查看版本 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..
vue 项目中常用的npm命令
sssssnmmm的博客
07-15 1679
项目依赖的工具一般都放在项目代码中的。需要的环境及项目需要的一些工具。
npm 常用命令
温温的博客
05-17 6007
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命令大全
程序员云帆哥的博客
02-03 854
npm是JavaScript运行时环境Node.js的默认包管理器，全称是Node Package Manager。2020年3月17日，Github宣布收购npm，GitHub现在已经保证npm将永远免费。截至2020年3月17日，npm为大约1200万开发人员提供了130万个软件包，这些开发人员每月下载这些软件包达750亿次。
vue-cli基本npm命令
09-12
vue-cli基本npm命令,包括项目搭建、依赖安装、依赖部署等
vue组件发布到npm简单步骤
08-28
使用 npm init 命令可以快速创建一个新的项目。输入 npm init后，需要填写项目的相关信息，例如项目名称、版本号、作者等。 mkdir src cd src touch alert.vue STEP 2: 修改入口文件 在新建项目后，需要修改 ...
vue npm 常用指令大全
weixin_43365995的博客
09-10 640
普通安装模块，包名不会注册到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 命令❤️
努力是为了站在万人之中，成为别人的光
08-11 6054
NPM 全称 Node Package Manager，是很多开发人员最常用的工具之一。它将所有模块放在一个地方，以便 node 可以找到它们，并管理依赖冲突。以下是是作为开发人员应该了解的最常见 npm 命令的列表。
Vue-7.命令创建Vue项目
yueerba126的博客
08-15 2989
创建一个简单的 Vue 项目需要使用 Vue CLI（命令行界面）。Vue CLI 是一个用于快速构建 Vue.js 项目的工具，它可以帮助你设置项目的基本结构、配置以及开发环境。
npm基本操作及命令讲解
weixin_43749805的博客
05-12 3492
在运行npm run build命令时，npm会自动执行定义的build脚本，即执行webpack打包应用程序。npm是Node.js自带的包管理器，使用方便，可以很方便地在项目中使用第三方模块，也可以发布自己的模块供其他人使用。代码中，定义了一个名为start的脚本，它会执行node命令，并启动app.js文件。在使用npm时，可以通过在package.json文件中定义自定义脚本来运行一些自定义的构建和启动命令。除了test脚本外，还可以定义其他自定义脚本，例如：build脚本、start脚本等。
npm run dev 和 npm run serve
qq_44075328的博客
06-01 5957
当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。在这个配置中，"serve" 命令会运行 "react-scripts start" 或 "ng serve" 命令，该命令会启动本地开发服务器。在这个配置中，"dev" 命令会运行 "nuxt" 命令，该命令会启动本地开发服务器。
(十)打包和项目部署
weixin_45953482的博客
06-24 2025
在这一部分将项目打包上传,并且进行服务器部署网页所在url的协议, 域名, 端口号, 和Ajax请求url的协议, 域名, 端口号有一个对应不上, 就发生跨域三种解决跨域的方法需要前端和后端同时支持例子代码(看看就行, 不用尝试) cors方式 前端什么也不用做后端需要开启cors如果后端jsonp也不弄, cors也不弄, 就给你个接口地址 2、项目打包 npm run serve 是启动开发环境的服务器 (编写代码过程查看效果用) npm build 也是打包项目代码(但是会输出到dist文件
VUE项目本地运行调试遇到问题，npm run,install 报错
lzunique的博客
07-24 942
最近做Springboot+Vue的项目，从网上拉下来一个项目打算先看看成品效果，后台部署好之后，前端Vue的运行成了一个问题，所以总结一下。_拿到一个vue项目怎么运行。如何将github上的Vue项目在本地运行起来？_如何启动github上的项目_Smomo^^的博客-CSDN博客。如何运行从网上拉取的Vue项目？_拿到一个vue项目怎么运行_清萧。的博客-CSDN博客。如何运行git拉下来的vue项目，以及解决对应的错误_如何启动github上的项目。
npm教程：npm run build时--unsafe-perm这个参数的作用
学亮编程手记
09-14 815
这意味着脚本将以非特权用户的身份运行，并且可能无法执行某些需要特权的操作。文件中的"scripts"部分的"build"脚本。在某些情况下，构建过程可能需要执行一些需要特殊权限的操作，例如修改文件或执行系统命令。选项允许npm在执行脚本时使用特权权限。使用该选项可以解决某些需要特权的操作无法执行的问题。如果您在构建过程中遇到特权权限相关的错误或问题，并且您明确信任正在运行的脚本，那么您可以使用。但是在实际使用中，请谨慎考虑并仔细评估潜在的安全风险。选项可能会带来一定的安全风险，因为脚本将以特权权限运行。
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：启动...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值