下面开始安装vue-cli(现在几乎都是3.x)全局安装vue-clinpminstallvue-cli-gvue-cliCreateprojectvueinitwebpack?项目名称输入项目名称?项目描述输入项目描述?作者?vue构建打包方法,直接回车?安装vue路由器?选择Y使用vue-router,输入N不使用?使用ESLint来检查你的代码?代码规范,推荐N?使用Karma+Mocha设置单元测试?单元测试,推荐N?使用Nightwatch设置端到端测试?E2E测试,N框架目录结构├──README.md//项目描述文件├──node\_modules//依赖包目录├──build//webpack相关的配置文件(已经配置好了,一般不用再配置)│├──build.js//生成环境搭建│├──check\-versions.js//版本检查(node,npm)│├──dev\-client.js//开发服务器热重载(实现页面自动刷新)│├──dev\-server.js//搭建本地服务器(npmrundev)│├──utils.js//搭建相关工具│├──vue\-loader.conf.js//csssloader配置│├──webpack.base.conf.js//webpack基础配置│├──webpack.dev.conf.js//webpack开发环境配置│└──webpack.prod.conf.js//webpack生产环境配置├──config//vue基础配置文件(可配置监听端口,打包输出等)│├──dev.env.js//项目开发环境配置│├──index.js//项目主要配置(包括监听端口、打包路径等)│└──prod.env.js//生产环境配置├──index.html//项目入口文件├──package\-lock.json//npm5新文件,优化性能├──package.json//项目依赖包配置文件├──src//项目核心文件(存放我们写的源码文件)│├──App.vue//根组件│├──assets//静态资源(样式文件,如css、less,以及一些外部js文件)││└──css//样式││└──font//字体││└──images//图片│├──components//组件目录││└──Hello.vue//测试组件│├──main.js//入口js文件│└──router//路由配置文件夹│└──index.js//路由配置文件└──static//静态资源目录(一般存放图片)运行项目:npminstall(安装依赖)npmrundev