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/

相关推荐
li星野1 分钟前
LLMLingua:用小型模型“剪枝”大语言模型提示词,让长文本不再昂贵
人工智能·python·学习·语言模型·剪枝
峥嵘life6 分钟前
Android getprop 属性限制详解:User 版本属性获取问题分析
android·开发语言·python·学习
石工记9 分钟前
CTO如何落地AI?从0到1的实战路径
人工智能·python·django·flask·numpy·pandas·pyqt
wuxinyan12325 分钟前
工业级大模型学习之路031:Streamlit 高级功能多会话管理和知识库管理
python·学习·智能体
llilay26 分钟前
企业级FastAPI后端模板搭建(三)整合日志Log
数据库·python·fastapi
小江的记录本32 分钟前
【Spring AI】Spring AI中RAG误触发与系统提示词泄露问题解决方案(完整版+代码方案)
java·人工智能·spring boot·后端·python·spring·面试
勇往直前plus39 分钟前
Python 属性访问与操作全解析:内置函数、魔法方法与描述符深度指南
java·网络·python
Arenaschi1 小时前
关于GPT的版特点
java·网络·人工智能·windows·python·gpt
柚子科技1 小时前
Vue3 响应式原理:我被 ref 和 reactive 坑了3次后终于搞懂了
前端·javascript·vue.js
大鱼前端1 小时前
Veaury:让Vue和React组件在同一应用中共存的神器
前端·vue.js·react.js