工具：

pycharm,mysql,django,vue.js

安裝步驟：

pycharm官網下載安裝，然後百度破解辦法，網上有多

MySQL安裝搭載navicat,百度

django安裝百度：

pip install django==1.8.6

建立django專案：

django-admin startproject myproject

cd myproject

django-admin startapp project

vue開發：

下載node.js，網址如下：

我選擇了.msi下載，然後一路next,傻瓜式安裝。

開啟管理員cmd,輸入node --version（node -v）獲取node的版本號。

輸入npm --version獲取npm（npm -v）版本號

安裝淘寶映象cnpm  ,網址：http://npm.taobao.org/，然後以後安裝可以直接用cnpm install [name]

npm install -g cnpm --registry=https://registry.npm.taobao.org

搭建vue.js的前端專案

vue-init webpack appfront

然後cd appfront,執行npm run dev

然後開啟http://localhost:8080,看到如下的圖片即專案成功。

進入專案中執行命令

安裝css依賴:

cnpm install style-loader  cnpm install css-loader  cnpm install file-loader 

安裝less依賴:

npm install less less-loader 

修改webpack.base.conf.js檔案，配置loader載入依賴，讓其支援外部的css和js,less:

{

test: /\.js$/,

loader: 'babel-loader',

exclude: /node_modules/

},

{

test: /\.css$/,

loader: "style-loader!css-loader",

},

{

test: /\.less$/,

loader: "style-loader!css-loader!less-loader",

},

npm i element-ui -S

引入Element，前面已經全域性安裝了element-ui，只需要在Vue專案中引入即可

1、開啟專案：src/main.js,新增下面三條
      import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css'
   Vue.use(ElementUI)

然後在.vue檔案裡就直接可以用了.