创建个人网站(一)从零开始配置环境,搭建项目

目录

前言

从刚开始学前端的html直到现在前后端都有在开发,我一直都有一个想法,就是创建自己的网站,我相信大家都有这个想法,那么我决定从零开始创建我自己的个人网站,并在此记录下来(真的是从零开始,刚好电脑也坏了,现在买了个新的,全新,0配置,真正意义上的从零开始)

配置环境

我自己是只有nodejs这一种后端技术栈的,所以只能使用nodejs进行开发后端代码,前端我准备采用vue3的框架,后端采用koa的框架

前端

不管前端后端都要配置node,我这边是用nvm进行版本管理,nvm的github里面有下载地址

然后直接nvm i下个最新版本就可以啦

然后是框架,既然选择使用vue3,直接装个vue3的脚手架,(注意这个@哦,没有@的是vue2的脚手架,在你创建项目的时候会报错

shell 复制代码
npm install -g @vue/cli

直接执行命令,创建项目

shell 复制代码
vue create xxx

选个vue3就行,也可以自己手动配,虽然我是手动配的,但其实还有些东西搞不懂,也许以后有空会专门出一篇文章进行介绍吧

创建完之后基础的vue项目就创建完啦

后端

后端也选择使用脚手架去配,采用用koa2框架

shell 复制代码
npm install -g koa-generator
koa2 xxx

然后就创建好啦

遇到的问题

虽然不是第一次配环境了,而且js的环境相对简单,但是还是有很多我没见过或者记不得的问题:

1.安装了nvm和node,vscode没反应

这里的意思是npm -v没有效果

解决方法:nvm安装后vscode不识别node、npm等问题的解决办法

2.安装完脚手架之后vue指令不存在

解决方法:vue : 无法加载文件 C:\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。

相关推荐
Apifox9 分钟前
如何在 Apifox 中通过 CLI 运行包含云端数据库连接配置的测试场景
前端·后端·程序员
一张假钞11 分钟前
Firefox默认在新标签页打开收藏栏链接
前端·firefox
高达可以过山车不行12 分钟前
Firefox账号同步书签不一致(火狐浏览器书签同步不一致)
前端·firefox
m0_5937581013 分钟前
firefox 136.0.4版本离线安装MarkDown插件
前端·firefox
掘金一周16 分钟前
金石焕新程 >> 瓜分万元现金大奖征文活动即将回归 | 掘金一周 4.3
前端·人工智能·后端
三翼鸟数字化技术团队34 分钟前
Vue自定义指令最佳实践教程
前端·vue.js
uhakadotcom38 分钟前
构建高效自动翻译工作流:技术与实践
后端·面试·github
Asthenia041244 分钟前
深入分析Java中的AQS:从应用到原理的思维链条
后端
Asthenia04121 小时前
如何设计实现一个定时任务执行器 - SpringBoot环境下的最佳实践
后端
Jasmin Tin Wei1 小时前
蓝桥杯 web 学海无涯(axios、ecahrts)版本二
前端·蓝桥杯