Gin+Vue 前后端分离笔记

讲课的是mac 

1.安装多个版本的go

2.查看新安装的go

3.用新装的go运行文件

go $GOPATH/bin/go1.13.8 run filename

4.运行路径太长，可以把路径设置环境变量或者设置别名（没有测试，截图保存）

                                        

5.env

go help env  帮助

go env -u    还原

go env -w GO111MODULE=on   设置mod开启

go env -w GOPROXY=https://goproxy.cn,direct  设置代理

6.go mod管理项目依赖

go mod init wjp/ginandvue

go mod tidy

7.下载gin依赖

go get -u github.com/gin-gonic/gin

 

8.golang设置自动引入

9. 

   go get -u github.com/gin-gonic/gin

   go get -u github.com/jinzhu/gorm

   go get  github.com/go-sql-driver/mysql

  go get  github.com/dgrijalva/jwt-go

10.解析jwt生成的token

11.

go get  github.com/spf13/viper

12.这个配置文件 ：后有个空格，要不然viper获取不到

 

前端环境搭建
 

1.安装nodejs   nvm(运行多个版本的node)

https://github.com/coreybutler/nvm-windows/releases 

常用命令：

nvm ls

nvm install v10.14.2

nvm install node

nvm install --lts node

nvm use  v10.14.2

2.yarn安装  相当于PHP的composer    包管理工具

https://yarn.bootcss.com/

https://classic.yarnpkg.com/zh-Hans/docs/install#windows-stable

3.安装 vue cli

yarn global add @vue/cli

4,vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.

npm uninstall -g vue-cli

npm install -g @vue/cli

vue create ginandvue

5.window创建项目 

 手动

6.vscode 安装Es lint   =>代码规范 格式化代码 

https://eslint.org/docs/user-guide/getting-started

7.bootstrap-vue

https://bootstrap-vue.org/docs

yarn add vue bootstrap-vue bootstrap

8.路由

  {

    path: '/register',

    name: 'register',

    // component: Register,

    component: () => import('../views/register/Register.vue'),   //惰性加载

  },

报错

vue-cli构建项目时eslint一直报错Expected linebreaks to be 'LF' but found 'CRLF'

"linebreak-style": [0 ,"error", "windows"],

Newline required at end of file but not found 

</style>后面加换行

9.vscode   格式化HTML

设置不格式js 

 

 

10.安装   vuelidate

https://www.vuelidate.cn/#sub-installation

npm install vuelidate --save

yarn add vuelidate 

11.  error  Expected indentation of 2 spaces but found 4  indent

我这里是因为勾选了这个格式化，保存时，自动格式化了js

12.

yarn add axios

yarn add vue-axios