Which command do I use to generate the build of a Vue app?
I think you’ve created your project like this: vue init webpack myproject Well, now you can run npm run build Copy index.html and /dist/ folder into your website root directory. Done.
vue-cli
Vue CLI CSS pre-processor option: dart-sass VS node-sass?
Update 09/17/2020: As this answer gets up-votes every day, I thought maybe it is worth diving deeper into this topic. Considering sass-lang website: Dart Sass is the primary implementation of Sass, which means it gets new features before any other implementation. It’s fast, easy to install, and it compiles to pure JavaScript which makes it … Read more
Using Environment Variables with Vue.js
Vue.js with Webpack If you use vue cli with the Webpack template (default config), you can create and add your environment variables to a .env file. The variables will automatically be accessible under process.env.variableName in your project. Loaded variables are also available to all vue-cli-service commands, plugins and dependencies. You have a few options, this … Read more
How to change port number in vue-cli project
If you’re using vue-cli 3.x, you can simply pass the port to the npm command like so: npm run serve — –port 3000 Then visit http://localhost:3000/
Vue ‘export default’ vs ‘new Vue’
When you declare: new Vue({ el: ‘#app’, data () { return {} } )} That is typically your root Vue instance that the rest of the application descends from. This hangs off the root element declared in an html document, for example: <html> … <body> <div id=”app”></div> </body> </html> The other syntax is declaring a … Read more
What is the difference between the views and components folders in a Vue project?
First of all, both folders, src/components and src/views, contain Vue components. The key difference is that some Vue components act as Views for routing. When dealing with routing in Vue, usually with Vue Router, routes are defined in order to switch the current view used in the <router-view> component. These routes are typically located at … Read more