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)

  

原文地址:https://www.cnblogs.com/little-baby/p/15181598.html