2 vue安装elementUI

vue init webpack 项目名 //不用手动新建项目,会自动新建文件夹

清理缓存 npm cache clean --force 打包命令 npm run build //打包前项目config的index.js中 build下面的assetsPublicPath: 改为'./' 否则打的包无法直接访问 注：在安装cnpm后npm要换成cnpm   安装element ui 在vueproject下面 执行npm i element-ui -S 如果安装了cnpm,则使用cnpm i element-ui -S   安装成功后

 

 

  package.json中

 

 

  如何使用 config的index.js中设置useEslint: false,否则cnpm run dev报错(原因是各种检查格式)

 

 

  src的main.js引入 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);

 

 

  在build/webpack.base.conf.js中添加,貌似不加也行

 

 

  npm方式：将html元素和样式放在相应的组件.vue中，启动项目出现效果 cdn方式:直接在html中引入elementUI 的 js和css，脱离环境   //例如使用按钮组件，在src\components\HelloWorld.vue中添加 <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el-button type="text">文字按钮</el-button>  

 

 

启动后访问 http://localhost:8081/ 8081是端口，根据配置和启动情况决定

 

 

  参考：https://blog.csdn.net/qq_41115965/article/details/80796310   https://blog.csdn.net/weixin_33989058/article/details/92411672?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.channel_param