Django+Vue搭建專案開發環境
為了方便大家開發,這裡建議統一開發環境。
- IDE:Pycharm 2018.1.4
- Python 3.6.5
- Django 2.0.7
- 版本控制:git
- nodejs v8.11.3
- vue.js
統一編碼:UTF-8,換行符:\n
編碼配置
Settings——>Editor——>File Encodings
換行符配置
Settings——>Editor——>Code Style——>Line separator
工具安裝這裡就不多說了,關於前端環境的配置這裡補充一下。
下載安裝好nodejs後,再安裝vue
vue環境配置
安裝cnpm
npm install -g cnpm --registry=https: |
安裝vue
cnpm install -g vue-cli |
建立專案
首先通過Pycharm建立Django專案,點選左上角選單欄File—>Django—>New environment using Virtualenv,如下圖
注意專案的路徑和應用名不要起一些特殊的名字,比如:test,這樣會跟python內建模組起衝突
建立完專案後,目錄結構如下:
建立前端應用
點開IDE下方選單欄的Terminal,然後執行:
vue-init webpack frontend |
在建立時,會彈出很多選擇項,根據實際情況填寫即可。
安裝依賴模組
繼續在Terminal中執行
cd frontend cnpm install |
前端打包
編寫完前端程式碼後,在Terminal中執行
cnpm run build |
前後端整合配置
修改settings.py檔案,指定前端資原始檔
修改路由urls.py檔案
這就配置完了,最後啟動專案可以看下效果
啟動專案
訪問主頁
出現以下頁面就表示已經配置成功了。
版本控制
依賴管理
生成專案依賴檔案,類似maven的pom.xml
在專案根目錄下執行:
pip freeze > requirements.txt
根據依賴檔案下載依賴庫:
pip install -r requirements.txt
使用事項
將requirements.txt提交到git倉庫
更新依賴時,都需要重新生成該檔案
大家使用本地的virtualenv環境,通過requirements.txt更新依賴。
相關推薦
Django+Vue搭建專案開發環境
開發環境為了方便大家開發,這裡建議統一開發環境。IDE:Pycharm 2018.1.4Python 3.6.5Django 2.0.7版本控制:gitnodejs v8.11.3vue.js統一編碼:UTF-8,換行符:\n編碼配置Settings——>Editor—
webpack搭建vue專案開發環境【文件向學習】
為何有這篇文章 各個社群已經有無數篇帖子介紹如何使用webpack搭建前端專案,但無論是出於學習webpack的目的還是為了解決工作實際需要都面臨著一個現實問題,那就是版本更新。別人的帖子可能剛寫好版本就更新了,又要對著帖子找文件。 但這個過程十分重要,因為你想要的一切早已都在文件中
python+django+vue搭建前後端分享專案
以前一直是做基於PHP或JAVA的前後端分離開發,最近跟著python風搭建了一個基於django的前後端分享專案 準備工作:IDE,【JetBrains PyCharm2018】【webpack 3.3.0】【python3.7.0】【npm5.8.0】【vue-cli2.9.6】,這是我當前的版本,基本
PyCharm專業版+Django搭建web開發環境———1
PyCharm專業版+Django搭建web開發環境-1 PyCharm專業版可以直接通過Django來建立專案: 先說一下專業版簡單的吧: 開啟pycharm專業版 左上角的
從壹開始前後端分離 [ Vue2.0+.NET Core2.1] 二十一║Vue實戰:開發環境搭建【詳細版】
緣起 哈嘍大家好,兜兜轉轉終於來到了Vue實戰環節,前邊的 6 篇關於Vue基礎文章我剛剛簡單看了看,感覺寫的還是不行呀,不是很系統,所以大家可能看上去比較累,還是得抽時間去潤潤色,修改修改語句和樣式,至少也得對得住粉絲哈,應該給部落格園官方提個小建議,要是能允許好友或者其他人修改文章的功能就好了,比如百
PyCharm社群版+Django搭建web開發環境
PyCharm開源社群版不像商業版那樣可以直接通過Django來建立專案,必須通過以下幾個步驟進行: 1. 建立專案:在cmd命令列下輸入:django-admin startproject Demo (c
PyCharm社區版+Django搭建web開發環境
ges info 如何調試 開發 django 技術分享 har man 查看 PyCharm開源社區版不像商業版那樣可以直接通過Django來創建項目,必須通過以下幾個步驟進行: 1. 創建項目:在cmd命令行下輸入:django-admin startproje
搭建struts2 專案開發環境——(使用Intellij IDEA+Maven+struts2 )
Struts的介紹 Struts的是阿帕奇軟體基金會(ASF)贊助的一個開源專案。它最初是雅加達專案中的一個子專案,並在2004年3月成為ASF的頂級專案。它通過採用JavaServlet / JSP技術,實現了基於JavaEEWeb應用的M
學習TP5(前提篇):基於PHP的專案開發環境搭建
前言 之前我寫一個TP5框架快速上手的文章,如果你想快速上手TP5框架的話,可以看一下。這篇來聊一聊用TP5框架或者說用PHP來寫後端專案需要在部署哪些環境,還要需要準備哪些軟體。(方法不唯一) 需
【java專案實戰】一步步教你使用MyEclipse搭建java Web專案開發環境(一)
首先,在開始搭建MyEclipse的開發環境之前,還有三步工具的安裝需要完成,只要在安裝配置成功之後才可以進入下面的java Web專案開發環境的搭建。 1、安裝工具 第一步,下載並
windows環境下搭建vue+webpack的開發環境
前段時間一直在斷斷續續的看vue的官方文件,後來就慢慢的學習搭建vue的開發環境,已經有將近兩週了,每到最後一步的時候就會報錯,搞的我好鬱悶,擱置了好幾天,今天又接著搞vue的開發環境,終於成功了。我要把我所參考的文件和實際遇到的問題分享給大家。由於本人也是初級菜鳥一枚,如果有錯誤,還望諒解指正。下面言歸正傳
一步步教你使用MyEclipse搭建java Web專案開發環境
首先,在開始搭建MyEclipse的開發環境之前,還有三步工具的安裝需要完成,只要在安裝配置成功之後才可以進入下面的java Web專案開發環境的搭建。 1、安裝工具 第一步,下載並安裝JDK,到官網上下載安裝即可,之後需要細心的配置環境變數,我給大家推薦百度文庫的
專案開發環境部署:Linux上搭建ntp服務,實現時間同步
一 引言目前的專案有多個伺服器,排查BUG,發現各個伺服器的時間不一致,遂網上查詢資源,使得時間保持一致。二 步驟1)以第一臺伺服器為“服務端”,其他臺伺服器為“客戶端”,“客戶端”從“服務端”同步時間。2)所有伺服器安裝ntp服務:yum install ntp
Hadoop專案開發環境搭建(Eclipse\MyEclipse + Maven)
寫在前面的話 可詳細參考,一定得去看 我這裡,相信,能看此部落格的朋友,想必是有一定基礎的了。我前期寫了大量的基礎性博文。可以去補下基礎。 步驟一:File -> New -> Project -> Maven Project
Zookeeper專案開發環境搭建(Eclipse\MyEclipse + Maven)
寫在前面的話 可詳細參考,一定得去看 我這裡,相信,能看此部落格的朋友,想必是有一定基礎的了。我前期寫了大量的基礎性博文。可以去補下基礎。 步驟一:File -> New -> Project -> Maven Project
Hive專案開發環境搭建(Eclipse\MyEclipse + Maven)
寫在前面的話 可詳細參考,一定得去看 我這裡,相信,能看此部落格的朋友,想必是有一定基礎的了。我前期寫了大量的基礎性博文。可以去補下基礎。 步驟一:File -> New -> Project -> Maven Project
搭建PhoneGap開發環境以及新建專案
PhoneGap作為新一代的跨平臺開發工具受到越來越多的人的喜愛,是一個使用js,css以及html等語言作為開發語言的。使用使用phoneGap開發出來的專案可以編譯打包到不同的執行平臺,比如android、ios等。下面我就介紹一下使用PhoneGap開發andro
專案開發環境搭建手記(5.Jenkins搭建)
一、下載 這裡有下載包 注意: sudo wget -O /etc/yum.repos.d/jenkins.repohttp://pkg.jenkins-ci.org/redhat/jenkins.repo sudo rpm --import http://pkg.jen
在IntelliJ IDEA搭建Android開發環境和建立Android專案
1、開啟ide建立頁面,點選建立專案 2、選擇Android,發現下面有一段紅字,解釋很清楚,由於第一使用為設定Android的開發環境sdk,去設定一下就好,點選取消回到上一介面 3 配置 4、當然在這之前想要做Android專案要有jdk和sdk這我就不在說了,
ubuntu16.04下原始碼搭建lnmp開發環境並部署laravel專案到線上
之前都是使用lnmp安裝包來搭建線上環境,今天試試原始碼搭建環境,雖然之前搭建過一次,但許久不操作還是有點忘記了,好了,廢話不多說開始正題。 開始安裝前先執行sudo apt-get update更新一下軟體庫 我們先安裝nginx,執行sudo apt-get inst