This is my attempt at learning a new framework and using it to create my own webapp uing vueJS.<\/p>\n
Vue is a progressive and reactive framework for building user interfaces.<\/p><\/blockquote>\n
The things I need is first<\/p>\n
VUE-CLI<\/h2>\n
npm install -g @vue\/cli<\/p><\/blockquote>\n
You can test the installation was successful or not by issuing vue –version command. <\/em>In my case it is returning 3.4.1. <\/em>Vue CLI uses a plugin based architecture<\/p>\n
Creating a new application<\/h2>\n
I am going to create a single landing page for my application as the first step and keep adding to it as I go along so first step what all options do I have<\/p>\n
vue –help<\/h3>\n
It returns a standard help output identifying the common commands you can use.<\/p>\n
Commands:\r\ncreate [options] <app-name> create a new project powered by vue-cli-service\r\nadd [options] <plugin> [pluginOptions] install a plugin and invoke its generator in an already created project\r\ninvoke [options] <plugin> [pluginOptions] invoke the generator of a plugin in an already created project\r\ninspect [options] [paths...] inspect the webpack config in a project with vue-cli-service\r\nserve [options] [entry] serve a .js or .vue file in development mode with zero config\r\nbuild [options] [entry] build a .js or .vue file in production mode with zero config\r\nui [options] start and open the vue-cli ui\r\ninit [options] <template> <app-name> generate a project from a remote template (legacy API, requires @vue\/cli-init)\r\nconfig [options] [value] inspect and modify the config\r\nupgrade [semverLevel] upgrade vue cli service \/ plugins (default semverLevel: minor)\r\ninfo print debugging information about your environment\r\n\r\nRun vue <command> --help for detailed usage of given command.\r\n\r\n<\/pre>\nvue create –help<\/h3>\n
Usage: create [options] <app-name>\r\n\r\ncreate a new project powered by vue-cli-service\r\n\r\nOptions:\r\n-p, --preset <presetName> Skip prompts and use saved or remote preset\r\n-d, --default Skip prompts and use default preset\r\n-i, --inlinePreset <json> Skip prompts and use inline JSON string as preset\r\n-m, --packageManager <command> Use specified npm client when installing dependencies\r\n-r, --registry <url> Use specified npm registry when installing dependencies (only for npm)\r\n-g, --git [message] Force git initialization with initial commit message\r\n-n, --no-git Skip git initialization\r\n-f, --force Overwrite target directory if it exists\r\n-c, --clone Use git clone when fetching remote preset\r\n-x, --proxy Use specified proxy when creating project\r\n-b, --bare Scaffold project without beginner instructions\r\n-h, --help output usage information\r\n\r\n<\/pre>\nI will create my application by the name samarthya just to see how it works.<\/p>\n
vue create samarthya<\/h3>\n
The moment you issue this command in the terminal you will be prompted to select some options choose the default and press enter<\/p>\n
<\/p>\n
npm run serve<\/h3>\n
The last step to execute and see the application is to run this command npm run serve as open the localhost:8080 in browser and you can see your boiler plate application running.<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
This is my attempt at learning a new framework and using it to create my own webapp uing vueJS. Vue is a progressive and reactive framework for building user interfaces. The things I need is first VUE-CLI npm install -g @vue\/cli You can test the installation was successful or not by issuing vue –version command. […]<\/p>\n","protected":false},"author":1,"featured_media":84,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[10],"class_list":["post-82","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-others","tag-vue"],"_links":{"self":[{"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/posts\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":0,"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/media\/84"}],"wp:attachment":[{"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.samarthya.me\/wps\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}