（第一章）学习vue-cli3.0脚手架构建vue项目Vue学习巩固及遇到的问题首先，本次使用的vue脚手架是vue-cli3.0，与之前相比变化很大脚手架，这里没有详细研究，只了解最基本的用法。参考：vue-cli3地址：https://cli.vuejs.org/zh/guide/需要注意的几点：1、vue-cli3脚手架需要node.js8.9以上版本，因为之前的项目使用的是vue1.0，所以node版本比较低（6.11.3），所以想同时管理多个node版本，所以用了gnvm这个工具，官网也推荐nvm或者nvm-windows（我不使用它）。2.记录gnvm一些简单常用的命令链接说明：configconfiguration.gnvmrcuseuseusealocalexistingNode.jsversionlsoutput[local][remote]Node.jsversioninstall下载/安装任何已知版本的Node.jsuninstall删除任何现有的本地Node.js更新下载最新版本的Node.js并将其更新为.gnvmrcnpmNPM下载/安装/删除管理会话暂时将现有的本地Node.js设置为全局Node.js搜索查询和输出满足查询条件的Node.js版本详情列表路径版本检查gnvm版本安装多个node.js：gnvminstalllatest1.0.0-x861.0.0-x645.0.0卸载任何本地Node.js版本：gnvmuninstalllatest1.0.0-x861.0.0-x645.0.0安装node.js对应的npm版本：1.gnvm有命令（可以看文档)2.npminstall-gnpm@5.0.13.vue-cli3灵活配置全部构建为插件工程，工程构建完成后可随时添加插件。插件文档链接说明4.想修改浏览器启动时打开和修改端口等在package.jsonscripts对象中修改即可：具体命令：用法：vue-cli-serviceserve[options][entry]]--open服务器启动时打开浏览器--copy复制服务器启动时的URLclip版本--mode指定环境模式（默认：development）--host指定主机（默认：0.0.0.0）--portspecifyport(default:8080)--httpsusehttps(default:false)5、动态图片或静态资源放在public文件夹中。不会被webpack打包。6.配置环境变量参考：https://segmentfault.com/a/11...7.打包后dist项目的启动发生了变化。之前可以直接打开index.html，现在需要npminstall-gserve#-s参数表示设置成Single-PageApplication模式#这种模式会处理路由问题要说的serve-s距离
