Vue简介：

通俗的来说Vue是前端框架，用来写html的框架，可轻量级也可不轻量级

Vue特性：

绑定性，响应性，实时性，组件性

安装软件以及控件：

控件库：element-ui

node.js (一定要安装稳定的版本，测试版本有未知的bug)，安装完成以后会有node,npm两个程序

axios （用来发送http请求）

 

一：创建djano项目

 

 

 

 

二：安装node.js

 

 

https://nodejs.org/en/download/官网下载安装包进行安装

 

 

 

 

 三：安装vue.js

 

 

 安装完成后重启编辑器，才可生效

 

 安装node.js完成以后，通过npm安装vue-cli（脚手架）

 通过命令：npm install  -g @vue/cli 安装

 

 

 如果安装过程中比较慢，则配置源进行重新安装

npm config set registry https://registry.npm.taobao.org  （配置taobao源）

 

四：创建Vue项目

 进入django项目的同级目录创建Vue项目

通过命令vue create vue_i_project创建

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 注：也可以进行default默认安装

安装完成以后运行Vue，测试是否成功安装

可以执行npm run serve命令，也可以在pycharm编辑器运行

1：通过npm run serve命令运行

 

 

 2：通过编辑器pycharm运行

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 五：在Vue项目中导入element-ui

1：首先安装element-ui

 

 安装完成以后在main.js文件中修改文件内容

添加：

import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index.css’;

Vue.use(ElementUI);

 

 六：安装axios

  通过命令安装：npm install axios -s

 

 全部软件插件安装完成以后，可在package.json文件中查看安装结果

 

 至此Vue的安装配置已经完成~~

 

版权声明：本文为QAyangjianbo原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/QAyangjianbo/p/13262208.html