參考文章: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
結束,點擊右上方運行即可,如下
可以修改了,開始把前后台徹底融合的過程了