vue安装

pycharm+python+django+vue+elementUi搭建web项目:https://blog.csdn.net/chenyzh_admin/article/details/103409577

pycharm只有是专业版才能直接创建Django项目,可以通过指令新建。可以安装Vscode

Django的安装:pip
第一个Django应用:https://docs.djangoproject.com/zh-hans/2.1/intro/tutorial01/;关于安装Django,创建Django项目和Django app、templete
看版本:python -m django --version
创建项目:django-admin startproject mysite
创建一个应用:python manage.py startapp polls
简易服务器:python manage.py runserver

Vue安装:https://blog.csdn.net/weixin_43844158/article/details/89788002,以及有关于创建一个Vue的过程
环境和工具:
1、从node.js官网下载并安装node,直接在cmd里面输入:node -v,查看node的版本
2、npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。
3、npm的国内镜像----cnpm(淘宝的镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org;用cnpm代替npm来安装依赖包了
4、安装vue-cli脚手架构建工具:cnpm install @vue/cli -g(如果安装失败,重新使用管理者权限打开cmd,输入指令安装)
5、输入指令vue -V查看vue-cli是否安装成功,安装成功会返回@vue/cli 5.0.8

新建vue项目
1、cmd输入vue ui,会出现网页,在网页新建项目,选择创建手动vue3项目,并且选择pick a linter/formatter config为√*ESLint + Prettier: ESLint(代码质量检测)+ Prettier(代码格式化工具),代码检查方式: 保存时检查。
2、创建完成后可以在vscode打开该项目,记得将vscode属性兼容性设置为管理者权限运行。这样打开vue项目时在终端输入指令npm run serve才能打开网页!
3、点击Network: http://192.168.0.108:8080/就可以打开网页了

新建项目:vue init webpack firstApp,可以一路yes
运行:
cd 到vue里面:
npm install
npm run build
npm run dev:构建完成会生成一个文件夹,名字叫dist,里面有一个 index.html 和一个 文件夹static。

Element Ui

需要学习了解的:Webpack,bootstrap

参考:
https://www.cnblogs.com/zhixi/p/9996832.html

你可能感兴趣的:(django,python)