1.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题,如我在本地localhost访问接口http://40.00.100.100:3002/是要跨域的,相当于浏览器设置了一道门槛,会报错XMLHTTPRequest can not load http://40.00.100.100:3002/. Response to preflight request doesn’t pass access control…. 为什么跨域同源非同源自己去查吧,在webpack配置一下…

一 简介 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,有几个独立的部分. 1 CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令.(vue create.vue serve等) 2 CLI 服务 (@vue/cli-service) 是一个开发环境依赖.它是一个 npm 包,局部安装在每个 @vue/cli创建的项目中.CLI 服务是构建于 webpack 和 webpack-dev-server 之上的. 3 CLI 插件是向你的 V…

.npm i -g @vue/cli .vue create my-project 此处有两个选择: 1.default (babel, eslint)默认套餐,提供babel和eslint支持 2. Manually select features自己去选择需要的功能,提供更多的特性选择.比如如果想要支持 TypeScript ,就应该选择这一项. 可以使用上下方向键来切换选项.如果只需要 babel 和 eslint 支持,那么选择第一项,就完事了,静静等待 vue 初始化项目. vue-c…

今天在插入背景图片过程中,遇到了路径错误的问题,通过网上查询,找到了解决的办法,但是大部分都没有讲造成这种问题的原因,故我简单地总结了一下,并加入了一些自己的理解,欢迎共同探讨~ 当用vue-cli自动构建项目后,有两种运行方法,分别是: npm run dev : 提供一个开发的环境,自动热更新,资源使用绝对路径,所以可以正常看到背景图片. npm run build : 打包项目,资源使用相对路径,所以会出现路径错误问题. 绝对路径:从盘符开始的路径,如:C:\windows\system3…

一般项目都会用到这几个,这里不在详细介绍概念,只是简单的使用.一.搭建cli 1.事先安装好cnpm(淘宝镜像) npm install -g cnpm --registry=https://registry.npm.taobao.org 2.cnpm install -g vue-cli 全局安装vue脚手架工具.(下载一次就好) 3.vue init webpack your_project_name 创建一个脚手架项目(每次创建需要) eg:这时在命令行中有需要你填的信息{你的项目名:你的…

首先 vue create ant-design-vue-pro 执行命令会显示两个选项,1默认,2自定义 我么选择自定义 选择好自定义的插件回车就等待下安装成功然后进入项目文件夹 cd ant-design-vue-pro 我们在开发过程中还会需要用到ant-design-vue 和操作时间的库,如果需要安装多个包用空格分开就行了 npm install ant-design-vue moment 安装完了就可以正常使用了 npm run serve 运行这样说明已经完成配置了…

…

一.前言 在上一章中,我们开始通过 Vue CLI 去搭建属于自己的前端 Vue 项目模板,就像我们 .NET 程序员在使用 asp.net core 时一样,我们更多的会在框架基础上按照自己的开发习惯进行调整.因此在后面几章的学习中,我将会在整个项目基础上,按照自己的需求进行修改设定. PS:因为毕竟自己还是传统意义上的后端开发,所以这里最终搭建完成的前端项目模板,其实是按照 PanJiaChen 开源的 vue-admin-template 模板进行修改仿写,所以你可以把这个系列后续的文章当…

ue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目. GitHub地址是:https://github.com/vuejs/vue-cli 一.安装Nodejs 首先需要安装Node环境.安装完成之后,可以在命令行工具中输入node -v和npm -v,如果能显示出版本号,就说明安装成功. 二.安装vue-cli 安装好node之后,我们就可以直接全局安装vue-cli:(相当于python的pip) npm install -g vue-c…

github pages 是 github 免费为用户提供的服务,写博客,或者部署一些纯静态项目. 最近将 vue cli 3.x 初始化项目部署到 github pages,踩了一些坑,记录如下. https://github.com/nusr/resume-vue 1. vue-router 不要开启 history 模式 路径中的 # 比较丑,就开启了 vue-router 的 history 模式,去掉了 #.平时做项目也是默认开启 history 模式.折腾了半天发现,我这是部署到 g…