• vue 脚手架搭建项目


    前端各框架的开发都是基于node环境的,所以首先必须安装NODEJS。高版本node中集成了npm安装包,以下各命令都通过npm安装(假设已安装node)

    注意:以下两个命令比较重要

    ·查看包大小(用于后期打包之后具体看那个包需要优化)

    npm run build --report
    

    ·查看包的所以版本号

    npm view 包名称 versions

    一、vue 搭建环境 (通过脚手架)

      1、vue-cli 2+ 版本

      首先安装脚手架(全局安装)

     npm/cnpm install vue-cli -g
    

      查看是否安装成功(显示版本号则安装成功)

     vue -V
    

      基于脚手架搭建(执行以下命令之后,根据提示选择执行)

     vue init webpack 项目名(文件名)
    

      2、vue-cli 3+ 版本

      首先安装脚手架(全局安装)

     npm/cnpm install @vue/cli -g
    

      查看是否安装成功(显示版本号则安装成功)

     vue -V
    

      执行脚手架搭建项目(执行以下命令之后,根据提示选择执行)

     vue create 项目名(文件名)
    

      

           3、通过项目管理器生成(执行一下命令会在浏览器打开构建窗口)

      vue ui
    

      

     利用vue-cli 3+ 版本搭建项目之后,如果需要改配置的话,进入项目文件之后新建vue.config.js文件,在vue.config.js中修改配置

    二、启动项目 

      1、vue-cli 2+ 版本

      通过cd进入文件之后,执行

      npm run dev
    

      2、vue-cli 2+ 版本

      通过cd进入文件之后,执行

      npm run serve

      也可以单独查看vue配置

      查看全部配置
      vue inspece
      查看vue相应配置
      vue inspece --vue
      将默认配置输入到某个文件中
      vue inspece > 文件名(例如:output.js)
    

      

  • 相关阅读:
    xavier NX编译caffe错误记录(二)
    ubuntu16安装微信
    linux中安装onenote(P3X OneNote)
    ubuntu16中,google浏览器安装OneNote Web Clipper插件
    酒店门锁接口说明
    在xaf 14 中实现 Tonyyang原文中的action权限
    MRP生产计划模式在多品种小批量生产过程中遭遇挑战
    C#代码
    简陋的会计凭证金额输入控件(加强) [转]
    简陋的会计凭证金额输入控件(再加强) [转]
  • 原文地址:https://www.cnblogs.com/little-baby/p/15181598.html
Copyright © 2020-2023  润新知