【vuejs】用vue写一个自己的博客管理系统(一):前期准备

本文介绍如何利用Vue.js和Express从头开始构建个人博客管理系统。首先回顾了作者之前使用WordPress和Gitpage+Hexo的经验,然后详细阐述了配置环境的步骤,包括安装Node.js和npm,设置淘宝镜像,以及安装vue-cli 3.x版本。接着,描述了如何创建新项目,选择项目配置,包括路由、状态管理和代码检测工具的选择。最后,提到了3.x版本与2.x版本启动项目的不同之处。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最开始,我用过wordpress搭建了自己的博客。
后来,我也用过gitpage+hexo搭建的一个小小的博客

虽然后面都没有用,只是偶尔登上去看看。
现在为了锻炼锻炼自己的水平,决定自己用vue+express搭建一个属于自己的博客管理系统。

配置环境。

  1. 安装node.js和npm。
    在官网选择适合自己电脑的安装包,然后一直next,直到安装完成。打开命令行,输入node -v就能看到node的版本,同理npm -v可以查看npm的版本,如果npm等级过低,直接npm install -g就行了。
  2. 使用淘宝镜像。
    因为npm官方镜像非常的慢,所以在这里,可以选择使用淘宝的镜像。
    $ npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org
    
    安装好以后,就可以使用cnpm安装其他的模块了。
  3. 安装vue-cli脚手架
    cnpm install vue-cli -g      //全局安装 vue-cli
    
    以上版本是2.x的版本,现在vue-cli脚手架已经升到了3.x,而3.x版本更为的简洁,所以我们可以安装3.x的版本。
    npm install @vue/cli -g
    
    安装完成之后,在命令行里输入vue -V查看一下版本,
    vue版本
    显示了版本号就表示安装成功了。

创建新项目。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

萌村村花杨小花

谢谢大佬!!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值