zoukankan      html  css  js  c++  java
  • vue-cli webpack 快速搭建项目

    一、安装vue

    npm install vue -g
    

    二、用vue-cli快速搭建项目

    //全局安装vue-cli
    npm install install -g vue-cli
    //创建一个基于webpack模板的项目
    vue init webpack [demoname]
    
    ? Project name (xxx)
    ? Project name xxxx
    ? Project description (A Vue.js project)
    ? Project description A Vue.js project
    ? Author (xj <x@xm.com>)
    ? Author xx <x@xlm.com>
    ? Vue build (Use arrow keys)
    ? Vue build standalone
    ? Install vue-router? (Y/n) y
    ? Install vue-router? Yes
    ? Use ESLint to lint your code? (Y/n) n
    ? Use ESLint to lint your code? No
    ? Set up unit tests (Y/n) n
    ? Set up unit tests No
    ? Setup e2e tests with Nightwatch? (Y/n) n
    ? Setup e2e tests with Nightwatch? No
    ? Should we run `npm install` for you after the project has been created? (recom
    ? Should we run `npm install` for you after the project has been created? (recom
    mended) npm
    
       vue-cli · Generated "paixiaoyang_backstage".
    
    
    # Installing project dependencies ...
    # ========================
    
    npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes andnew features!
    npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    
    > uglifyjs-webpack-plugin@0.4.6 postinstall F:workpaixiaoyang_backstagepaixiaoyang_backstage
    ode_moduleswebpack
    ode_modulesuglifyjs-webpack-plugin
    > node lib/post_install.js
    
    npm notice created a lockfile as package-lock.json. You should commit this file.
    npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modulesfsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
    
    added 1127 packages from 646 contributors and audited 10642 packages in 157.659s
    found 2 vulnerabilities (1 moderate, 1 high)
      run `npm audit fix` to fix them, or `npm audit` for details
    
    # Project initialization finished!
    # ========================
    
    To get started:
    
      cd xxxx
      npm run dev
    
    Documentation can be found at https://vuejs-templates.github.io/webpack
    
    

    三、进入项目运行

    cd xxxx
    
    //运行
    npm run dev
    

    四、在浏览器上打开localhost:8080

  • 相关阅读:
    windows10、windows server 2016激活方法
    .NET 和 .NET Core 使用 JWT 授权验证
    vs(vs2017、vs2019)离线安装包下载、制作
    VS顶部增加签名描述信息
    .NET WebAPI 跨域问题(has been blocked by CORS policy:No AccessControlAllowOgigin header is present on the requested resource)
    .Net 和 .Net Core 集成Swagger 以及配合JWT身份验证
    jQuery实现公告无限循环滚动
    甩掉 ashx/asmx,使用jQuery.ajaxWebService请求WebMethod,Ajax处理更加简练(转)
    JS和JQUERY常见函数封装方式
    第07组 Beta冲刺 (1/5)(组长)
  • 原文地址:https://www.cnblogs.com/oxiaojiano/p/9990050.html
Copyright © 2011-2022 走看看