DjangoRestFramework和Vue做一个简单的前后端分离的博客项目(二)--前端部分

最新推荐文章于 2023-05-03 15:50:50 发布

VIP文章啊了个呜

最新推荐文章于 2023-05-03 15:50:50 发布

阅读量536

点赞数 1

分类专栏： python develop 文章标签： vue 数据库

本文链接：https://blog.csdn.net/weixin_46129834/article/details/106313806

版权

前端

安装node vue

要先安装node.js再安装vue

首先下载node.js要求版本在8.9以上官网：https://nodejs.org/zh-cn/下载完可检查在windows任务命令行里输入node -v
使用淘宝NPM镜像源下载比较快 :

npm config set registry https://registry.npm.taobao.org

配置之后可以使用npm config get registry来验证是否配置成功。

安装vue-cli（全局安装vue-cli）命令：npm install @vue/cli -g
检查环境是否安装上：vue -V
vue-cli创建前端项目

创建vue项目：在命令行里输入命令：vue create frontend（创建名字为‘frontend’的文件夹）
然后进入此文件夹：cd frontend
运行项目： npm run serve
运行之后会导出网址：http://localhost:8080 或者http://127.0.0.1:8080在网页上输入上面的网址即可

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Rp8O5xvi-1590297198278)(C:\Users\May天\AppData\Roaming\Typora\typora-user-images\image-20200524130105289.png)]$

修改index.html主页，添加bootstrap css框架和fontawesome字体的依赖

<!DOCTYPE html>
<html lang="en">
  <head>
    <!--required meta togs-->
    <meta charset="utf-8">
    <!--<meta name="viewport" content="width=device-width,initial-scale=1.0">-->
    <meta name="viewport" content="width=device-width,shrink-to-fit=no">

    <!--Bootstrap CSS-->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel=

最低0.47元/天解锁文章

啊了个呜

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
DjangoRestFramework和Vue做一个简单的前后端分离的博客项目(二)--前端部分

前端安装node vue要先安装node.js再安装vue首先下载node.js要求版本在8.9以上官网：https://nodejs.org/zh-cn/下载完可检查在windows任务命令行里输入node -v使用淘宝NPM镜像源下载比较快 :npm config set registry https://registry.npm.taobao.org配置之后可以使用npm config get registry来验证是否配置成功。安装vue-cli（全局安装vue-c
复制链接

扫一扫