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/

相关推荐
小田学Python11 小时前
100行Python代码,搭一个能干活的AI Agent
python·langchain·大模型·ai agent
Csvn12 小时前
🐍 Day3 : Python 容器精讲 — list、dict、set、tuple 底层实现与高级操作
后端·python
weixin-a1530030831613 小时前
python-装饰器
开发语言·python
我的xiaodoujiao13 小时前
快速学习Python基础知识详细图文教程17--类型注解和断点调试
开发语言·python·学习·测试工具
每天吃饭的羊14 小时前
Chrome DevTools MCP
python
水獭比特16 小时前
localhost 不是安全边界:给 Agent Web 入口补上四层门禁
人工智能·python
Generalzy16 小时前
Whisper + VAD + TTS:一套完整的 Python 本地语音处理流水线
python·whisper·语音识别
qpsj16 小时前
让 LLM 控制 AutoCAD/ZWCAD:COM 自动化 + MCP 封装
python·llm
赟爸16 小时前
直播切片素材杂乱不好复用,易元AI要怎么处理
大数据·人工智能·python
怪奇云呼军17 小时前
从声音特征到 CRM 回流:闪电智能 Voice Agent 沟通策略自适应系统 v1 实战
android·人工智能·python·音视频·语音识别