初步搭建vue工程+前后端分离+解决跨域问题

初步搭建vue工程+前后端分离+解决跨域问题

1. 环境搭建

准备工作

安装nodejs和vue-cli

安装了nodejs就附带安装好了npm，而vue-cli依赖npm来安装
nodejs安装
安装vue-cli

npm install -g @vue/cli

创建项目

vue init webpack my-project

创建的过程中

在vscode搭建vue环境

安装vetur

打开一个.vue的文件时， 会提示推荐安装vetur插件，安装

安装eslint

> npm install -g eslint

可参考：
https://www.jianshu.com/p/454c3a7c5602

2. 熟悉vue工程

启动

npm install
npm run dev

npm install会安装项目需要的依赖

npm run dev启动项目

目录结构

package.json:依赖信息

config:项目初始化配置

build:webpack初始化配置

index.html:首页

src:业务代码

—asset