• 注册
    • 查看作者
    • vue前端项目构建命令

      vue前端项目构建命令

      # 进入web文件夹
      cd web
      # 安装依赖
      npm install
      # 启动web项目
      npm run serve
      
      
      #或者 
      yarn && yarn build
      
      
      安装依赖
      npm install
      强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
      npm install --registry=https://registry.npm.taobao.org
      本地开发 启动项目
      npm run dev
      前端部署
      当项目开发完毕,只需要运行一行命令就可以打包你的应用
      打包正式环境
      npm run build:prod
      打包预发布环境
      npm run build:stage
      构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 .js 、.css、index.html 等静态文件。
      
      
      用的是node 是14.17.6
      npm install -g @vue/cli
      npm install -g yarn
      解决 node-sass 网络慢的方法:
      yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
      安装依赖
      #GfEasyAdmin目录下,运行下面命令安装依赖yarn#或者npm i
      安装过程完成后,运行以下命令启动服务。您可以在浏览器中预览网站 http://localhost:8000
      yarn dev
      yarn dev#或者npm run dev
      格式化代码 请在vscode安装eslint、vetur插件
      yarn lint:eslint
      打包构建
      #会在dist目录生成,此目录就是生产环境所运行的yarn build
      
      npm config set registry https://registry.npmmirror.com
      npm config set registry https://registry.npmmirror.com && npm config set sass_binary_site=https://npmmirror.com/node-sass
      npm config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/
      npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
      npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
      npm config set disturl https://npm.taobao.org/dist
      npm config set registry https://registry.npm.taobao.org/
      
      yarn config set registry https://registry.npmmirror.com

    • 0
    • 0
    • 0
    • 81
    • 请登录之后再进行评论

      登录
    • 做任务
    • 实时动态
    • 偏好设置
    • 单栏布局 侧栏位置: