记录一次vue项目的详细打包过程

此文章发布于65个月前,部分信息可能已经过时,请自行斟酌确认

记录一次vue项目的详细打包过程

  1. 安装项目环境
npm config set registry http://registry.npm.taobao.org
Cmd
  • 安装vue-cli,代码:npm install -g @vue/cli,
  • 扩展:webpack
    安装webpack最新版代码:
npm install --save-dev webpack
Cmd

  1. 安装node依赖模块
  • 在项目根目录打开cmd,执行:npm install,

标红提示:cmd一定要是要以管理员权限运行,不然权限不够会报错滴.


3.运行Vue
在cmd中执行命令:npm run dev,
如果该项目为cli3.0创建,上述命令会执行失败,用npm run serve执行。


4.打包Vue
在cmd中执行命令:npm run build,


如安装失败,建议删除node_modules文件夹后,重新安装依赖即可。

最后修改:2020 年 02 月 26 日 03 : 38 PM
如果觉得我的文章对你有用,请随意赞赏

4 条评论

  1. Seale

    过来催更了!!

    1. 晴栀
      @Seale

      来啦来啦!!!!!!!

  2. Seale

    用vue-cli 脚手架 的 vue ui你会发现莫名的好用

    1. 林阿三
      @Seale

      图形化必须好用阿

发表评论

OwO
  • OωO
  • |´・ω・)ノ
  • ヾ(≧∇≦*)ゝ
  • (☆ω☆)
  • (╯‵□′)╯︵┴─┴
  •  ̄﹃ ̄
  • (/ω\)
  • ∠( ᐛ 」∠)_
  • (๑•̀ㅁ•́ฅ)
  • →_→
  • ୧(๑•̀⌄•́๑)૭
  • ٩(ˊᗜˋ*)و
  • (ノ°ο°)ノ
  • (´இ皿இ`)
  • ⌇●﹏●⌇
  • (ฅ´ω`ฅ)
  • (╯°A°)╯︵○○○
  • φ( ̄∇ ̄o)
  • ヾ(´・ ・`。)ノ"
  • ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
  • (ó﹏ò。)
  • Σ(っ °Д °;)っ
  • ( ,,´・ω・)ノ"(´っω・`。)
  • ╮(╯▽╰)╭
  • o(*////▽////*)q
  • >﹏<
  • ( ๑´•ω•) "(ㆆᴗㆆ)
  • (。•ˇ‸ˇ•。)
  • 颜文字
  • 阿鲁
  • 推特