标签：npm vue cnpm elementUI js blog ui element 安装

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

标签：npm,vue,cnpm,elementUI,js,blog,ui,element,安装
来源： https://www.cnblogs.com/zl-programmer/p/15319865.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。