Installing Django and configuration - Building a SaaS using Django and Vue.js - Part 1

In the first part of "Building a SaaS using Django and Vue.js" I'm going to install Django inside a virtual environment. I will also create an empty project and do some structuring.
I will also install Grunt and show how we can compile the styles for this project.
#django #python #vuejs #saas

[@dalestewart]

Excellent tutorial implementing the steps installing Grunt and showing how we can compile the styles for this project.👍

[@CodeWithStein]

Thank you Dale :-D

[@MrCandongas]

Awesome tutorial , i never had work with grunt before... thanks for share with us !

[@CodeWithStein]

Thanks for the feedback 👍😁

[@atozoo7]

Nice stuff.. one feedback though: use some zoom in feature or bigger fonts. Anyway, Thanks for this.!!

[@CodeWithStein]

Hi and thanks for the feedback. I will try to keep this in mind in the future :-)

[@shawanish]

good content. the grunt part has not aged well.

[@CodeWithStein]

Thanks 😁 haha

[@shawanish]

@@CodeWithStein the rest of the content is phenomenal. Helps clearly walking through the process of creating related and more complex content. Awesome

[@CodeWithStein]

Thank you 😁😁

[@synapps.filip.gorczynski]

In case of repeatability of this project structure for media you can use `mkdir -p media/assets/{styles,js,images}`

[@CodeWithStein]

Nice, thank you :-)

[@synapps.filip.gorczynski]

@@CodeWithStein Moreover, when you find project structure that suits all your needs you can create custom Cookiecutter project template, so you can start project with everything you like with just a few keystrokes.

[@juiceworld1175]

9:10 Running "sass:dist" (sass) task Warning: The "path" argument must be of type string. Received undefined Use --force to continue. this error message comes after running grunt. I have tried many things but this error appears every time.

[@CodeWithStein]

Hmm, did you fix it?

[@mamadoumoustaphabarry2998]

I have the same problem

[@CodeWithStein]

It might be because the video starts to Get old. Try upgrading your node version 🙂

[@abhishekbhusal4497]

at the end the white color doesn't add to the css file automatically. Everything went fine till the end but it's not updating the code after adding the white color.

[@CodeWithStein]

Hi, that sounds weird. Any error messages?

[@poojakayyalathodi5544]

such a helpful tutorial although i cant seem to do the grunt part it says command not found

[@CodeWithStein]

Hmm that's weird :/ you could skip that part and use regular CSS if you want. The problem is most likely that you haven't installed grunt or grunt-cli correctly. I don't have my mac here, so it is hard to help you :/ but you might find help if you try to google something like: grunt command not found 😉 good luck!

[@packo280349]

@@CodeWithStein hello i have the same issue :'( can i continue , cuz i tried to install grunt but does not works any way

[@CodeWithStein]

Hi! Yes, you can just continue if you want to :-) It's not necessary with grunt/sass for this tutorial, you can use regular css if you want to. If you want to keep trying to install grunt, check out the comments from Joao Neto and Cocoabine here on the video, maybe those comments can help?

[@hawraarsancollage]

SHOW HOW TO INSTALL THIA SOFTWARE TO MAKE A FULL PROJECT

[@CodeWithStein]

Hi! What software are you thinking about? :-)

[@iebstudent]

running 'grunt' I get Warning: Task "default" not found. Use --force to continue. (Ubuntu 20.04)

[@CodeWithStein]

I guess you might have forgotten something in the Gruntfile.js? Does it look like this (I guess the code doesn't look good here in the comments)? module.exports = function(grunt) { grunt.initConfig({ sass: { dist: { options: { style: 'compressed' }, files: { 'static/styles/main.css': 'media/assets/styles/main.scss' } } }, watch: { sass: { files: ['media/assets/styles/*.scss'], tasks: ['sass:dist'] } } }); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('default', ['sass:dist']); }; - I hope this works for you. If not, you can find my e-mail address in the information section for my channel. If you send me your Gruntfile.js file there, I'll have a look at it :-)

Warning: You need to have Ruby and Sass installed and in your PATH for this task to work npm install --save node-sass grunt-sass

[@the_wrong_folder]

Grunt is very similar to Gulp.js

[@CodeWithStein]

Yes it is 👍🏻