前言:最近使用vue+webpack进行一个小项目的开发,按照官方模版文档完成项目初始化后打算引入ont-awesome字体图标库进行使用,引入过程中遇到一些问题并解决,现记录如下. 一开始进展很顺利,百度了基本用法后安装: npm install font-awesome –save 然后在main.js中引入: import 'font-awesome/css/font-awesome.css' 接下来就开始愉快的使用各种图标了: 12 <i class="fa fa-search&q…

一.情景再现. 有些人比较喜欢用Myeclipse开发,有些人却比较喜欢用eclipse开发.但是其中有一个问题,Myeclipse里面的项目导入的时候出现了一个小小的问题. 如下: 二.说明问题 导入的项目不仅包显示在外面,而且不能部署到tomcat中. 那我们需要如何的配置呢? 三.处理问题. 1.导入在MyEclipse下创建的项目 2.把项目变成Web项目,在项目上右键-->Properties-->选择Project Facets. 3. 选中红线框住的两项(java和Dynamic…

1.导入在MyEclipse下创建的项目 2.把项目变成Web项目,在项目上右键-->Properties-->选择Project Facets-->点击Convert to faceted form...…

转自:http://blog.sina.com.cn/s/blog_699d3f1b01012spf.html   MyEclipse10下创建web项目并发布到Tomcat 1.软件安装(不作详细描述) 2.启动MyEclipse10 3.File-New-Project,选中Web Project,点击Next(或者直接File-New-Web Project) 4.在Web Project Details的Project Name 中输入WebTest,其他采用默认值,注意这里的Conte…

一.情景再现. 有些人比较喜欢用Myeclipse开发,有些人却比较喜欢用eclipse开发.但是其中有一个问题,Myeclipse里面的项目导入的时候出现了一个小小的问题. 如下: 二.说明问题 导入的项目不仅包显示在外面,而且不能部署到tomcat中. 那我们需要如何的配置呢? 三.处理问题. 1.导入在MyEclipse下创建的项目 2.把项目变成Web项目,在项目上右键-->Properties-->选择Project Facets. 3. 选中红线框住的两项(java和Dynamic…

MyEclipse10下创建web项目并发布到Tomcat 1.软件安装(不作详细描述) 2.启动MyEclipse10 3.File-New-Project,选中Web Project,点击Next(或者直接File-New-Web Project) 4.在Web Project Details的Project Name 中输入WebTest,其他采用默认值,注意这里的Context root URL为/WebTest,否则,你就要在IE中输入相应的名字才能使用了. 5.新建类 选中工程项目W…

开始准备 初始化工程目录 shell npm init -y 安装vue npm install vue 安装 webpack npm install webpack --save-dev webpack 装载各个模块 # 用于解析HTML文件的插件 npm install html-webpack-plugin # 安装vue项目所需要的loader npm install css-loader file-loader babel-core babel-loader babel-preset-…

我犯的错误:作为vue小白,并不知道还要单独去创建初始的vue项目,于是自己在webstrom中建了一个Empty Project, 在其中新增了一个js文件,就开始import Vue from “vue”了.运行后自然就报错了:SyntaxError: Unexpected identifier,被自己蠢哭~ 一.搭建一个vue项目最简单的方式就是使用官方的脚手架工具vue-cli,他提供了现代前端工作流的构建设置,只需要几分钟时间就可以运行带有热更新 Eslint 打包功能的项目. 二.下…

基于前文,使用vue-cli脚手架工具构建项目,并使用了webpack,那么我在项目中遇到的一些与配置相关的问题将在这里进行汇总. 1.代码检查问题 由于我们在构建项目时,使用了Eslint对我们的项目做代码风格检查,那么不符合该风格的代码,将会发出警报,常见的就是空格的问题,如果没有按照Eslint的风格使用空格的话,将会在项目打包的时候发出警报:[vue/no-parsing-error] Parsing error: x-invalid-end-tag. 解决方法如下: 或者直接禁用该风格…

1. 安装node.js, Node.js安装包及源码下载地址为:https://nodejs.org/en/download/. 这次node.js不是主角,默认已安装好了,通过npm –v查看node.js是否安装好以及安装的node.js版本 如果你安装的是旧版本的 npm,可以通过 npm 命令“npm install npm -g”来进行版本升级. npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装.卸载.管理依赖等):npm安装插…