1.声明sass:负责样式;vue:使用vuex、vue-router、axios(独立),双向数据绑定;webpack:加载资源并打包;elementui:UI框架;这是一种快速构建项目的模式,结合第三方插件和vue的风格指南,这种构建技术成本低,实用性强。如果您有更好的模式或建议,欢迎留言。2、步骤一、安装node,从官网下载安装即可,安装完成后查看版本号;2.安装vue-cli脚手架,输入命令npminstall--globalvue-cli3.使用脚手架创建vue项目myProject,创建命令vueinitwebpackmyProject全部输入n,一一回车,之后安装完成,本地会生成如下文件:4.依次执行以下命令安装依赖,或者使用yarn安装;npminstallnpminstallvue-routernpminstallvuex--savenpminstallaxiosnpminstallnode-sass--save-devnpminstallsass-loader--save-devnpminstallelement-ui-Snpminstallecharts--save推荐插件:npmi--savenormalize.css//提供跨浏览器高度一致的npmi--savenprogerss//加载进度条npmi--savelodash//一个高性能的js工具库npmi--savees6-promise//兼容withes6npmibabel-plugin-dynamic-import-node--save-dev//解决编译慢问题注意:如果手动安装sass遇到错误,可能是版本兼容问题。解决办法是"node-sass":"^4.11.1","sass-loader":"^7.3.0"搭配。6.运行项目,执行命令npmrundev7,打包项目,执行命令npmrunbuild
