Scaffolding Vue Projects – Webpack Template

In this post we will initialize a project using the webpack template (provided out of the box by vuejs.org)

This post assumes that you already have the vue-cli installed.
[ See the previous post if not – > http://www.knowstack.com/scaffolding-vue-projects-simple-template/]

Now we initialize a project using the webpack template:

vue init web pack vue_webpack_demo

Next step is to install the dependencies using npm or yarn (Yarn was much faster):

npm install

OR
yarn install

nsingh$ yarn install
yarn install v0.27.5
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
Done in 7.15s.

Once done , start the dev server:

npm start

OR
yarn start

This will launch the app in your browser:

You can open the project in your favorite IDE ( am using atom)  and start adding/modifying content and see the updates immediately in your browser window:

So we have a vue project with webpack template ready to go and work on.

 

Posted in Generic, HTML5, JS Frameworks, VueJS, Web Technology Tagged with: , ,

Leave a Reply

Your email address will not be published. Required fields are marked *

*