「这是我参与11月更文挑战的第1天，活动详情查看：[2021最后一次更文挑战]」
前言
又来开新坑了，最近想折腾一下VUE，自己是一个后端开发，之前只写过一点jQuery的东西，只是稍微了解一下VUE，非常想做一个项目出来，但是一直在拖延，趁着活动来激励自己坚持一个月，看看一个月后这个项目到底做成了什么样。
为什么说是摸索呢？自己对于VUE确实是不是很了解，只能边看看资料边做了，对自己的要求不高，目的是能做一个真正全部是自己写出来的项目，记录其中的过程。欢迎大家指出不足的地方，不胜感激~
技术栈介绍
目前构想是前端使用VUE cli 脚手架，后端语言采用Golang的Gin框架，加上Docker Nginx部署静态资源，使用GitLab的进行自动化部署，目前基础架构已经完成了CI已经测试通过。有兴趣看一看看我的历史文章关于一些运维的知识。
安装Node.js
自己系统是Win10,安装的是Node v14,虽然v16现在也出来，貌似会出现一些莫名其妙的问题，现在直接在官网下载安装即可，然后在Terminal输入node -v就会自动出现安装的版本号。
官网地址：nodejs.org/en/
安装VUE
npm是和nodejs一起安装的包管理工具，和php对应的composer，Python对应的pip 相似
现在使用命令npm i -g @vue/cli 全局安装vue cli 脚手架
- -i 就是install的缩写
- -g 就是global 全局的缩写
- @ 公司或组织的发布的公共包的意思
换npm源
直接安装vue cli会长时间卡在那里，因为网络原因，所以要切换源
先可以使用npm get registry 查看默认源
一般是要切换淘宝的npm源:
npm config set registry http://registry.npm.taobao.org/
现在再试试全局安装vue cli脚手架，之前已经安装过了，所以使用--force覆盖安装
npm i -g @vue/cli --force
可以看到@vue/cli@4.5.14已经安装完毕
创建项目
又出现了问题：
需要使用管理员运行powershwell
执行Set-ExecutionPolicy RemoteSigned 然后选A或者Y.
然后再使用下列命令创建项目，我的项目名称是
my-vue-web
vue create my-vue-web
然后提示使用vue2 还是vue3，暂时还是使用vue2吧,慢慢来
启动项目
根据提示
cd my-vue-web
npm run serve
等待完成，访问提示的地址，访问脚手架的默认地址
使用network可以用内网其他的机器访问
local只能自己开发的电脑可以访问
总结
简单使用vue cli脚手架新建了一个前端项目，记录了一下基本项目初始化的准备工作和小问题及其解决方法,下篇我们再了解一下项目目录。
