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/

相关推荐
Eiceblue11 分钟前
Python 将 HTML 转换为纯文本 TXT (HTML 文本提取)
开发语言·vscode·python·html
Bella_a16 分钟前
请描述Vue的生命周期钩子,并在哪个阶段能访问到真实的DOM?
vue.js
跟橙姐学代码20 分钟前
给Python项目加个“隔离间”,从此告别依赖纠缠!
前端·python·ipython
小样还想跑37 分钟前
UniApp键盘监听全攻略
vue.js·uni-app·计算机外设
扑克中的黑桃A1 小时前
Python快速入门专业版(五):从 print 到交互:Python 解释器与 IDLE 的基础使用
python
weixin_457126051 小时前
分享几个免费下载抖音、小红书、快手高清图片和视频的在线网站
javascript·python·html
_一两风1 小时前
Vue3 常用指令介绍
vue.js
Z_ One Dream1 小时前
React 和 Vue 如何选择?(2026 年)
javascript·vue.js·react.js
Restart-AHTCM1 小时前
前端核心框架vue之(路由核心案例篇3/5)
前端·javascript·vue.js
爱学习的徐徐1 小时前
Python 爬虫(豆瓣top250)-享受爬取信息的快乐
爬虫·python