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）