pycharm、Django+node.js、vue搭建web項目


參考文章:https://www.wandouip.com/t5i35466/  在此感謝

本篇接着上一篇:windows10使用npm安裝vue、vue-cli

 首先Django項目是搭建好的,就是新建一個Django項目,然后建一個app

在terminal運行命令:vue-init webpack vuepro   其中vuepro是我web前端項目名即vue的項目名稱,操作如下

 然后打開terminal窗口,輸入cd vuepro

接着 npm i element-ui -S

運行 npm run build,出現錯誤:'vue-cli-service' 不是內部或外部命令,也不是可運行的程序 或批處理文件。

百度了一圈,好多說刪除目錄node_modules文件夾,重新安裝。。。。也沒搗鼓好,我直接重新安裝的vue-cli,重啟pycharm

全局卸載:npm uninstall vue-cli -g  全局安裝:npm install vue-cli -g

。。。。。還是出錯誤

只能重新整合項目,因為一開始我用下載的項目直接替代了新建的vue的項目,像package.json等這些都是配置文件,和自己的電腦環境相符合,不能替換,像src下的App.vue也先別替換,即新建的vue項目和下載的相重的就都先別替換,一點點修改成自己的

重新建了vue項目直接運行是可以,時不時運行一下以保證修改正確。 

修改Django配置,使其指向vue項目,參考博客,在此感謝博主:https://www.cnblogs.com/zhixi/p/9996832.html

先執行命令npm run dev 或者 npm run build,嘗試vue項目是否可以運行。后者會建立一個dist目錄,這個和django配置有關,可以直接使用命令npm run build   

 

先配置全局的urls

然后配置全局的settings

結束,點擊右上方運行即可,如下

可以修改了,開始把前后台徹底融合的過程了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM