Django+vue前后端分离实战--vue后台管理系统--vue环境安装项目创建

Django+vue前后端分离实战--vue后台管理系统

安装nodejs+vue cli

1、下载nodejs并安装 https://nodejs.org/dist/v20.9.0/node-v20.9.0-x64.msi

2、修改npm 默认仓库地址,要修改成taobao的镜像npm 仓库地址

cmd下命令:npm config set registry https://registry.npm.taobao.org

3、安装最新的vue脚手架vue-cli(cmd下命令:npm install -g @vue/cli)

(如果第3步安装了cnpm可在cmd下命令:cnpm install -g @vue/cli)

说明(如果你之前已经安装vuecli2 请先用命令:npm uninstall -g vue-cli 卸载之前的vuecli2,否则不能使用vue create命令)

vue-cli创建项目

1、cmd运行vue ui 并打开chrome url:http://localhost:8000/project/select

修改目录后,点击创建项目。

2、输入项目名称,取消git 。并下一步

3、选择router和vuex

4、选择vue2后,创建项目,等待项目创建。

5、安装插件 elementui.记得一定要点击完成安装,要不elementui 不会引入到系统中

6、vscode打开项目,然后运行 npm run serve后, chrom打开页面:http://localhost:8080/

相关推荐
盛夏绽放14 小时前
uni-app Vue 项目的规范目录结构全解
前端·vue.js·uni-app
m***记14 小时前
Python 数据分析入门:Pandas vs NumPy 全方位对比
python·数据分析·pandas
国家不保护废物14 小时前
Vue组件通信全攻略:从父子传到事件总线,玩转组件数据流!
前端·vue.js
MYX_30914 小时前
第七章 完整的模型训练
pytorch·python·深度学习·学习
新子y14 小时前
【小白笔记】岛屿数量
笔记·python
CLubiy15 小时前
【研究生随笔】Pytorch中的线性代数
pytorch·python·深度学习·线性代数·机器学习
reasonsummer15 小时前
【办公类-115-02】20251018信息员每周通讯上传之文字稿整理(PDF转docx没有成功)
python·pdf
材料科学研究15 小时前
深度学习物理神经网络(PINN)!
python·深度学习·神经网络·pinn
兰文彬15 小时前
Pytorch环境安装指南与建议
人工智能·pytorch·python
写不来代码的草莓熊15 小时前
vue前端面试题——记录一次面试当中遇到的题(9)
前端·javascript·vue.js