• 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)
    

      

  • 相关阅读:
    js点击左右滚动+默认自动滚动类
    左右箭头+按钮+左右滑动幻灯
    超酷视频播放器详细地址
    经典123幻灯切换
    js左右滚动幻灯
    js数组操作
    js删除数据的几种方法
    【转】MySQL的各种timeout
    Mysql 分段统计
    【转】linux yum命令详解
  • 原文地址:https://www.cnblogs.com/little-baby/p/15181598.html
Copyright © 2020-2023  润新知