修改webpack.base.conf.js这个基础配置文件了.具体修改方法如下: module: { rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, 先找到这段代码,然后将eslint的的规则删除或者注释掉就可以了.最终代码: module: { rules: [ // ...(…
Eslint是一个语法检查工具,但是限制很严格,在vue文件里面很多空格都会导致红线,取消的方式如下: 1.创建工程的时候,提示是否启用eslint检测的. Use ESLint to lint your code? No 2.在webpack.base.conf.js里面删掉下面:…
本次是使用@vue/cli 3.11.0版本搭建的vue项目 1. 首先确保自己的电脑上的Node.js的版本是8.9版本或者以上 2. 全局安装vue/cli npm install @vue/cli -g 或者yarn add @vue/cli -g 3. 使用脚手架搭建项目 vue create my-vue(my-vue就是创建的项目名) 4. 然后使用↑↓选择Manually select features(手动选择) 5. 下面这么多的扩展项只需要选择Babel   Router …
1.配置 Node 环境. 自行百度吧. 安装好了之后,打开 cmd .运行 node -v .显示版本号,就是安装成功了. 注:不要安装8.0.0以上的版本,和 vue-cli 不兼容. 我使用的 6.10.3 的版本,相对稳定.     2.使用 npm 管理依赖 使用 node 自带的包管理工具 npm 管理项目中的依赖,由于 npm 的服务器在国外.经常会遇到速度奇慢或者下载不下来依赖的情况,所以推荐使用淘宝镜像. npm install-g cnpm--registry=https:/…
一. Vue CLI 介绍 1. 什么是Vue CLI? Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.Vue CLI 致力于将 Vue 生态中的工具基础标准化.它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题.与此同时,它也为每个工具提供了调整配置的灵活性. CLI的全拼是Command-Line Interface, 命令行界面, 俗称脚手架 它是一个专门为单页面应用快速搭建繁杂的脚手架,可以轻松的创建新的…
图中&属于postcss的语法,这样书写样式可以清楚的看出选择器之前的层级关系,非常好用. 在利用vue-cli脚手架搭建的项目中如果不配置是不支持这种写法的,这样写不会报错,但是样式不生效. 为了让项目中的vue文件支持这种写法,需要在配置postcss-cssnext模块. 往项目中安装postcss-cssnext模块: npm install postcss-cssnext --save-dev 安装完后,会在项目的package.json文件的devDependencies对象中看到p…
vue-cli脚手架构建了项目,想去除Eslint验证,如何设置? 在webpack.base.conf.js里面删掉下面: preLoaders: [ { test: /\.vue$/, loader: 'eslint', include: projectRoot, exclude: [/node_modules/, /ignore_lib/] }, { test: /\.js$/, loader: 'eslint', include: projectRoot, exclude: [/node…
VUE CLI环境搭建文档 1.安装Node.js 下载地址 https://nodejs.org/zh-cn/download/ 2.全局安装VUE CLI win+R键打开运行cmd窗口输入一下代码,由于npm官方镜像访问网速问题,我们选择使用淘宝的镜像源 npm config set registry https://registry.npm.taobao.org npm install -g @vue/cli npm install -g @vue/cli-service-global…
手动搭建vue项目 搭建vue前首先搭建webpack项目 首先你应当安装一下npm以及nodejs 安装完成后,进行如下操作: // 创建项目根目录 mkdir some_project_name // 切换到项目目录下 cd some_project_name // 初始化该项目 npm init -y // 下载并安装webpack相关包 npm install webpack webpack-cli webpack-dev-server --save-dev // 手动创建相关的文件夹…
vue 项目 版本 Vue Cli 3.3 官方文档 https://router.vuejs.org/zh/guide/essentials/history-mode.html 因为本项目部署在 Apache Tomcat上 所以 以Apache为例 修改Apache配置 找到 #LoadModule rewrite_module modules/mod_rewrite.so 这一行 把#去掉 然后保存配置 重启服务 在根目录下创建文件 ./htaccess 把下面代码放进去 <IfModul…