Advertisement

Python:(旅游网前端)Django+Vue项目①

阅读量:

前置配置整理:

1.静态资源文件在public目录下新建static

2.插件配置

2.1在pycharm安装vue插件

2.2在pycharm中安装node.js插件

2.3使用npm install -g less下载less,在pycharm中新增less

3.在src/assets下创建style/common.less(公共样式文件)

4.在src目录下引用创建的公共样式文件

复制代码
 <style lang="less">

    
 @import "src/assets/style/common.less";
    
 </style>
    
    
    
    
    代码解释
  1. 安装npm命令以安装Less-Loader模块($```),否则构建过程会导致错误(```)。运行以下命令以安装Less-Loader 6.0.0版本:```$``` npm install less-loader@6.0.0 ```$```。更高版本的Less-Loader`可能会导致构建失败(```)。

在src目录中新建一个utils工具包,并构建apis.js文件夹以存储项目所有接口地址;同时生成constants.js文件以存储公共常量,并构建filters.js文件夹以便存入公共过滤器

复制代码
 import Vue from 'vue'

    
 import App from './App.vue'
    
 // import router from './router'
    
 // import store from './store'
    
 import * as filters from './utils/filters'
    
  
    
 // Vue.config.productionTip = false
    
  
    
 // 注册过滤器
    
 Object.keys(filters).forEach(k => Vue.filter(k, filters[k]))
    
  
    
 new Vue({
    
   // router,
    
   // store,
    
   render: h => h(App)
    
 }).$mount('#app')
    
    
    
    
    代码解释

全部评论 (0)

还没有任何评论哟~