浅谈vue.js导入css库(elementUi)的方法

浅谈vue.js导入css库(elementUi)的方法

.安装以下模块，让webpack可以解析css文件cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install file-loader --save-dev1231232.安装elementUi模块cnpm install element-ui@next -S113.在webpack.base.conf.js中添加配置{test: /\\\\\\\\.css$/,loader: "style!css"},{test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,loader: "file"}12345678123456784.然后在 main.js 引入并注册import Element from 'element-ui'import 'element-ui/lib/theme-default/index.css'

请教：config是什么意思

webpack --config 配置文件意思就是指定打包的配置文件来运行一般都是分dev和build,也就是开发环境和生产环境，因为开发环境需要很多的调试信息或者其他的特殊配置来方便开发，而打包成生产环境的文件则不需要，所以可以按照需要分成多个配置文件。还是推荐再多在webpack官方多学习下文档

eslint怎么关闭 eslnl

：找到build文件夹—>webpack.base.conf.js---->module



然后重启服务，npm run dev 就可以了。

不推荐关闭，ESlint可以帮我你养成良好的习惯，写出高质量的代码

vue文件怎么运行

vue文件怎么运行呢？下面就跟小编一起来看一看吧。

工具/原料

PC

方法/步骤

1、首先，列出来我们需要的东西： node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm npm的TB镜像

2、如果你是用vue-cli webpack builid之后，放到web服务器，访问index.html就可以运行了。

3、常见的web服务器有tomcat，nginx等。推荐使用nginx。

4、在项目目录中，运行命令 npm run dev ，会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

这里简单介绍下 npm run dev 命令，其中的“run”对应的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一个快捷方式。

5、 项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。END

注意事项

如果看不懂，请教专业人员。

vue-cli启动本地服务局域网不能访问的原因分析

1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为速度和稳定性都比较好）

2、在目标文件夹下打开终端3、执行cnpm install vue-cli -g 全局安装运行vue查看安装是否成功4、运行vue init webpack(注：模板名称) sell2(注：项目名称)5、进入项目文件夹下执行 cnpm install 来安装下载到模板中的package.json中的依赖，安装完成后会在项目文件夹下自动生成node-module文件来存放安装的依赖文件6、由于依赖项非常的多编辑器在检索module文件时会非常的耗内存，所以在用webstorm编辑器启动项目的时候我们往往会在node-module文件夹右键去阻止检索该文件注：webstorm一打开就卡死了，没办法操作文件夹这种情况的解决方法为，首先在文件夹形式下打开删除node-modules文件夹，然后进行阻止检索的方法，然后在重新cnpm install就好*（这种方法需要安装完依赖项先运行一次然后删除node_modules子文件，webstorm打开项目，禁止检索node_ module文件夹，然后在删除该文件夹，重新安装即可）

7、运行项目执行 npm run dev (注：此时不能用cnpm来运行，必须是npm)8、将需要的资源放进项目9、我们需要用到路由功能 所以需要安装vue-router安装方法：vnpm install vuve-router --save10、在build/devs-erver.js下编写自定义变量和路由功能这样在运行项目下就可以得到自己想要的json数据，这样路由就配置成功，并且得到了自己想要的数据11、在写代码之前现在html文件下引入初始化样式（保持样式的统一和美观）

12、调用组件的方式-