vue-cli4.x创建企业级项目安装脚手架(vue-cli)$npminstall@vue/cli-g//全局安装最新的脚手架创建项目$vuecreatevue-demo创建时可以使用$vueuiproject来创建，有两种方式，创建的时候直接选择router和vuex来创建项目。MobileVant#通过npm安装$npmivant-S#通过yarn安装$yarnaddvant我这里使用按需导入，使用babel-plugin-import是一个babel插件，会自动将import的写法转换为编译过程中按需导入安装插件npmibabel-plugin-import-D//in.在babelrc中添加配置//注意：webpack1不需要设置libraryDirectory{"plugins":[["import",{"libraryName":"vant","libraryDirectory":"es","style":true}]]}//使用babel7的用户，可以在babel.config.js中配置module.exports={plugins:[['import',{libraryName:'vant',libraryDirectory:'es',style:true},'vant']]};//然后就可以直接在代码中导入Vant组件//插件会自动将代码转换为方法2中按需导入的形式import{Button}from'vant';Rem适配Rem适配Vant默认中的样式以px为单位。如果需要使用rem单位，推荐使用以下两个工具。-pxtorem$npminstallpostcss-pxtorem--save-dev2.安装lib-flexible$npmi-Samfe-灵活||npminstall--savelib-flexible3.在main.js中引入lib-flexibleimport'lib-flexible'；4.在根目录新建postcss.config.js文件，在文件中配置module.exports={plugins:{'autoprefixer':{browsers:['Android>=4.0','iOS>=8']},'postcss-pxtorem':{rootValue:37.5,propList:['*']}}}在vue-cli3中使用iconfont将iconfont下载到src/assets文件夹中。参考main.js中的iconfont/iconfont.cssimport'./assets/Iconfont/iconfont.css'查看本地依赖中是否有sass-loader，如果不需要安装$npminstallcss-loader--save-开发文件使用
