[终极巨坑]golang+vue开发日记【一】,环境搭建篇
写在前面
这个golang+vue大部分的内容是基于bydmm(橙卡)大佬的视频学来的,我在这里只是做一下个人开发的笔记,就是图一个乐,毕竟我只是个应届毕业生,如果真的要学请:bydmm的b站空间。
正式开始
这篇内容适合几乎没什么基础的新人来学这来方面的内容,但是起码得有其他语言的基础,最少大学的java学懂了一些,这里要求的go基础就需要把菜鸟教程中的内容看个大概即可,vue的话只需要你懂一些html的基础,js基础,css基础即可,这些内容都可以在w3c上学即可。接下来就可以看这个系列的巨坑,毕竟我会按照让我萌新时期都能理解的话来说明的。
其次这个教程的内容大概率是真的要作出一个东西的,虽然现在还没有想好作什么。因此这篇就讲个环境安装,话不多说,接下来的内容都是在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版本的,很显然,他不是最新的,那我们肯定要下最新了的,首先去官网下一个最新的go官网,这里选择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不能大写)
之后如果你不使用默认配置的话会有一堆配置,可能很多东西都没听说过,不过可以按如下配置选,我用起来开发已经足够了。

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

最后生成完毕就完事了,说明脚手架能用。
[终极巨坑]golang+vue开发日记【一】,环境搭建篇的更多相关文章
- [终极巨坑]golang+vue开发日记【三】,登陆界面制作(二)
		
写在前面 本期内容是承接上期已经做好了登陆界面来写的,不过本期是以golang为主,可能需要大家把最基本的语法结构熟悉一下:菜鸟教程.这样的话方便展开,自然而然的,本篇也是直接实战为主.这次需要依赖m ...
 - [终极巨坑]golang+vue开发日记【二】,登陆界面制作(一)
		
写在前面 本期内容是适合第一次使用vue或者golang开发的,内容会以实战的形式来讲解.看懂本段内容需要了解基础内容有html,css,最好可以看一下vue的基础.并且这里的每个知识点不可能详细解说 ...
 - Zend Framework学习日记(1)--环境搭建篇(转)
		
Zend Framework学习日记(1)--环境搭建篇 (1)开发工具 Zend Framework框架:http://framework.zend.com/download/latest 包含2个 ...
 - Android原生(Native)C开发之一:环境搭建篇
		
引用:http://blog.sina.com.cn/s/blog_4a0a39c30100auh9.html Android是基于Linux的操作系统,处理器是ARM的,所以要在Linux或Wind ...
 - Tiny4412 开发板 编译环境搭建【转】
		
本文转载自:http://blog.csdn.net/beijiwei/article/details/51055369 版权声明:本文为博主原创文章,未经博主允许不得转载. /*********** ...
 - 黑马eesy_15 Vue:04.Vue案例(ssm环境搭建)
		
黑马eesy_15 Vue:02.常用语法 黑马eesy_15 Vue:03.生命周期 黑马eesy_15 Vue:04.Vue案例(ssm环境搭建) 黑马eesy_15 Vue:04.综合案例(前端 ...
 - [转]GeoServer地图开发解决方案(一):环境搭建篇
		
GeoServer 是 OpenGIS Web 服务器规范的 J2EE 实现的社区开源项目,利用 GeoServer 可以方便的发布地图数据,允许用户对特征数据进行更新.删除.插入操作,通过 GeoS ...
 - 使用Kotlin开发Android应用 - 环境搭建 (1)
		
一. 在Android Studio上安装Kotlin插件 按快捷键Command+, -> 在Preferences界面找到Plugins -> 点击Browse repositorie ...
 - cocos2d-x游戏开发(一)之环境搭建篇
		
前言 进入研究生生涯已经有一段时间,感觉却没做些什么,实验室虽有一个很大的国家项目,但考虑到它这么的单一,总想利用业余时间做些什么,拓宽一下自己的知识面. 偶然机会,了解到cocos这个东东,恰好,实 ...
 
随机推荐
- 很全的vue插件汇总,赶紧收藏下(转)
			
Vue是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,来了个大汇总,方便查找使用,便于工作 ...
 - Android 一个TextView中设置多种不同大小的字体,设置超链接
			
以前项目中要是遇到这样的UI设计,都是傻不拉唧的分为三个TextView来实现,今天在微信中无意中看了一篇公众号文章,发现原来只要一个TextView就可以搞定啦,人生最悲哀的事情莫过于工作了这么久啦 ...
 - go安装配置
			
https://www.cnblogs.com/wt645631686/p/8124626.html Win10下安装Go开发环境 关于Go语言有多么值得学习,这里就不做介绍了,既然看了这篇文章, ...
 - 编写合格的C代码(1):通过编译选项将特定警告视为错误
			
目录 快速设定 向错误的执念开炮,向C编译器开炮 编译警告应当被忽略吗?warning不重要吗? 个人总结的应当视作error的warning 1. 函数没有声明就使用 2. 函数虽然有声明,但是声明 ...
 - 用肘方法确定 kmeans 聚类中簇的最佳数量
			
说明: KMeans 聚类中的超参数是 K,需要我们指定.K 值一方面可以结合具体业务来确定,另一方面可以通过肘方法来估计.K 参数的最优解是以成本函数最小化为目标,成本函数为各个类畸变程度之和,每个 ...
 - Winform----自定义控件之半透明遮罩(蒙版遮盖指定控件)
			
先贴运行效果图,源码点击这里下载 1.新建自定义控件 2.实现功能 namespace UserControlLib { [ToolboxBitmap(typeof(ZhLoading)) ...
 - 【java异常】Building workspace has encountered a problem. Error
			
可能是workspace设置错误,检查一下 或者把项目重新下一下,或者重新maven导入
 - yii2 Query Builder 查询打印sql语句
			
$query = new Query(); $query->select('gs.*, g.goods_images, sa.attr_name, sa.is_default, sa.alias ...
 - vue+ typescript 使用parcel 构建
			
parcel 是一个零配置的前端构建工具,相比webpack 更快,同时使用简单以下是 一个简单的使用typescript 开发vue 应用,同时使用parcel 构建,同时集成了docker 构建, ...
 - [RN] React Native代码转换成微信小程序代码的转换引擎工具
			
React Native代码转换成微信小程序代码的转换引擎工具 https://github.com/areslabs/alita