zoukankan      html  css  js  c++  java
  • 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

    结束,点击右上方运行即可,如下

    可以修改了,开始把前后台彻底融合的过程了

  • 相关阅读:
    HTML 常见标签part1
    HTML 初始
    jenkins远程执行脚本不退出
    jenkins 持续集成工具安装
    jenkins 杀掉衍生进程解决办法
    日志分割工具-crononlog
    可视化库 pygal 生成png中文乱码
    可视化库 pygal 无法保存成本地文件
    一个很好用的ORM库--peewee
    3 种进度条 -- 记录
  • 原文地址:https://www.cnblogs.com/JadenFK3326/p/11510653.html
Copyright © 2011-2022 走看看