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/

相关推荐
学以智用6 分钟前
Vue3 + Vue Router 4 完整示例(可直接运行)
前端·vue.js
m0_662577978 分钟前
使用Pandas进行数据分析:从数据清洗到可视化
jvm·数据库·python
SuperEugene9 分钟前
Vue3 项目目录结构规范:按业务域划分,新人快速上手|项目规范篇
前端·javascript·vue.js
卤蛋fg69 分钟前
vue表单vxe-from配置渲染日期范围选择器的用法
vue.js
淮北49411 分钟前
tmux使用指南
linux·python·html·tmux·md
Byron070715 分钟前
Python面向对象编程(OOP)详解:类、对象、继承、多态、封装
开发语言·python
xdl259919 分钟前
【Python学习】网络爬虫-爬取豆瓣电影评论
爬虫·python·学习
qq_3349031529 分钟前
Python单元测试(unittest)实战指南
jvm·数据库·python
南知意-1 小时前
cloud-app-admin:一款现代化、开箱即用的 Vue 3 后台管理模板
前端·javascript·vue.js·开源·开源项目
love530love1 小时前
Duix-Avatar 去 Docker Desktop 本地化完整复盘
人工智能·pytorch·windows·python·docker·容器·数字人