当前位置: 萬仟网 > IT编程>脚本编程>Go语言 > [终极巨坑]golang+vue开发日记【一】,环境搭建篇

[终极巨坑]golang+vue开发日记【一】,环境搭建篇

2019年10月08日 17:40  | 萬仟网IT编程  | 我要评论

写在前面

这个golang+vue大部分的内容是基于bydmm(橙卡)大佬的视频学来的,我在这里只是做一下个人开发的笔记,就是图一个乐,毕竟我只是个应届毕业生,如果真的要学请:。

正式开始

这篇内容适合几乎没什么基础的新人来学这来方面的内容,但是起码得有其他语言的基础,最少大学的java学懂了一些,这里要求的go基础就需要把中的内容看个大概即可,vue的话只需要你懂一些html的基础,js基础,css基础即可,这些内容都可以在上学即可。接下来就可以看这个系列的巨坑,毕竟我会按照让我萌新时期都能理解的话来说明的。

其次这个教程的内容大概率是真的要作出一个东西的,虽然现在还没有想好作什么。因此这篇就讲个环境安装,话不多说,接下来的内容都是在ubuntu18.04lts上操作的,建议不低于16.04。如果还在用windows的建议趁早装个双系统。

go环境搭建

首先是安装golang,在ubuntu在终端输一行就完事了

sudo apt-get install golang

接下来你可以使用两个指令查看go安装

go env
go version

这里如果是ubuntu18.04应该是go1.10版本的,16.04应该是go1.6版本的,很显然,他不是最新的,那我们肯定要下最新了的,首先去官网下一个最新的,这里选择os是linux,arch选x86-64的版本即可。下载完解压之后先去用go env查看我们的安装位置,环境变量名称是goroot。

在这里可以看到我的环境变量是/usr/lib/go-1.10,接下来我们的操作就是把我们下下来的替换掉apt装得,这里路径请对应自己的版本进行修改。

cd /usr/lib/go-1.10
sudo rm -r *
cd /home/segredo/go1.13.1.linux-amd64/go
sudo cp -r * /usr/lib/go-1.10

这时即可完成版本的替换,用go version试一试是不是最新版本,虽然文件夹还是叫go1.10,但是他的确是新版本了。

go mod配置

新手可能不知道go mod是个什么东西,go mod是golang在1.11后推出的包管理器,总之有他就比以前方便很多,所以我才在之前让你们更新版本。接下来对他进行一下配置,不懂以后可以细说这些环境变量。

sudo gedit ~/.profile

在文件里面加上如下两行,并且保存。

export goproxy=https://goproxy.io
export go111module=on

最后source一下就可以了

source ~/.profile

这里写在profile里面是防止你们shell更换了,直接写成全局完事了,至此,go的基本环境配置算是完成了。

vue环境搭建

有一说一,vue其实安装更加简单,就是很容易中坑。

首先安装nodejs

sudo apt install nodejs

然后查看是否安装成功:

nodejs -v
npm -v

如果都有版本号即可,npm没有的话请:sudo apt install npm

接下来需要用一个cnpm的东西,他是淘宝的将镜像,总之用他以后装东西会变快。

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

最后安装vue-cli:

sudo cnpm i -g @vue/cli@3.3.0

安装完毕即大功告成,这里你可以试一试生成一个vue项目,让你见识一下脚手架的一坨选项

sudo vue create xxxxxx(这里xxxx不能大写)

之后如果你不使用默认配置的话会有一堆配置,可能很多东西都没听说过,不过可以按如下配置选,我用起来开发已经足够了。

最后呢,会继续有一堆选项让你选,大概这么选就够了,当然以后会具体说:

最后生成完毕就完事了,说明脚手架能用。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • goweb- 国际化和本地化

    国际化和本地化 为了适应经济的全球一体化,作为开发者,我们需要开发出支持多国语言、国际化的Web应用,即同样的页面在不同的语言环境下需要显示不同的效... [阅读全文]
  • goweb-错误处理,调试和测试

    错误处理,调试和测试 我们经常会看到很多程序员大部分的"编程"时间都花费在检查bug和修复bug上。无论你是在编写修改代码还是重构系统,几乎都是花费... [阅读全文]
  • Golang 热编译rizla 插件

    今天在写gin接口的时候,每次添加或修改个接口都需要重启项目才能测试,感觉很麻烦。 因为beego有bee工具,bee run启动项目fsnotif... [阅读全文]
  • goweb-处理静态资源

    处理静态文件 对于 HTML 页面中的 css 以及 js 等静态文件,需要使用使用 net/http 包下的以下 方法来处理 1) StripPr... [阅读全文]
  • go微服务框架kratos学习笔记六(kratos 服务发现 discovery)

    go微服务框架kratos学习笔记六(kratos 服务发现 discovery)

    go微服务框架kratos学习笔记六(kratos 服务发现 discovery) [toc] 除了上次的warden直连方式外,kratos有另一... [阅读全文]
  • goweb-安装go及配置go

    安装go及配置go 安装go 写这篇博客时,我的电脑的windows已经安装过了go,用的是标准包安装,不过我的linux操作系统还没安装,可以考虑... [阅读全文]
  • goweb-go语言基础

    go语言基础 虽然这本书是讲goweb,但还是吧go语言基础过了一遍,由于我之前已经对go语言基础做了一遍系统的学习,这里就当简单回顾一下,不再写过... [阅读全文]
  • goweb-goweb基础

    goweb DNS工作原理 在浏览器中输入www.qq.com域名,操作系统会先检查自己本地的hosts文件是否有这个网址映射关系,如果有,就先调用... [阅读全文]
  • goweb-表单

    表单 简单的处理一个登陆界面 request.Form是一个url.Values类型,里面存储的是对应的类似key=value的信息,下面展示了可以... [阅读全文]
  • goweb-访问数据库

    访问数据库 对许多Web应用程序而言,数据库都是其核心所在。数据库几乎可以用来存储你想查询和修改的任何信息,比如用户信息、产品目录或者新闻列表等。 ... [阅读全文]

◎已有 0 人评论

Copyright © 2020  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com