{"id":1733,"date":"2022-05-30T12:30:00","date_gmt":"2022-05-30T17:30:00","guid":{"rendered":"https:\/\/www.linuxcloudvps.com\/blog\/?p=1733"},"modified":"2023-08-29T11:51:46","modified_gmt":"2023-08-29T16:51:46","slug":"how-to-install-vue-cli-on-ubuntu-20-04","status":"publish","type":"post","link":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/","title":{"rendered":"How to Install Vue CLI on Ubuntu 20.04"},"content":{"rendered":"\n<p>VueJS is a popular JavaScript framework for building interactive web application user interfaces. It builds on top of standard HTML, CSS, and JavaScript, and is very easy to integrate with other projects and libraries. Vue CLI is a complete Vue development package.<\/p>\n\n\n\n<p>In this tutorial, we will show you how to install Vue CLI and create a VueJS project on your <a href=\"https:\/\/www.linuxcloudvps.com\/ubuntu-cloud-vps.html\">Ubuntu 20.04 server<\/a>.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Prerequisites<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A Ubuntu 20.04 VPS with root access enabled or a user with Sudo privileges.<\/li>\n\n\n\n<li>Install <a href=\"https:\/\/nodejs.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Node.js<\/a> version 8.9 or above (v10+ recommended)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Log in via SSH and Update your System<\/h2>\n\n\n\n<p>First, you will need to log in to your Ubuntu 20.04 server via SSH as the root user:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">ssh root@IP_Address -p Port_number<\/pre>\n\n\n\n<p>You will need to replace \u2018<strong>IP_Address<\/strong>\u2019 and \u2018<strong>Port_number<\/strong>\u2019 with your server\u2019s respective IP address and SSH port number. Additionally, replace \u2018root\u2019 with the sudo username if necessary.<\/p>\n\n\n\n<p>You have to make sure that all Ubuntu OS packages installed on the server are up to date. Run the following commands to upgrade all installed packages on your server:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">apt-get update\napt-get upgrade<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2. Install Nodejs and NPM<\/h2>\n\n\n\n<p>Vue CLI comes as an NPM package. The first thing you need to make sure of is that Node.js and NPM are available on your system.<\/p>\n\n\n\n<p>By default, the latest version of Node.js is not available in the Ubuntu 20.04 default repository. So you will need to add the Node.js official repository to your system.<\/p>\n\n\n\n<p>Add the Node.js repository with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">curl -sL https:\/\/deb.nodesource.com\/setup_16.x | bash -<\/pre>\n\n\n\n<p>And install the Node.js from the added repositories running the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo apt-get install nodejs<\/pre>\n\n\n\n<p>Once NodeJS has been installed, you can verify the installed version of Node.js with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">node -v<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">v16.14.2<\/pre>\n\n\n\n<p>Once Node.js is installed, update the NPM to the latest version using the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm install npm@latest -g<\/pre>\n\n\n\n<p>You can now verify the npm version with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm -v<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">8.6.0<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3. Install Vue CLI<\/h2>\n\n\n\n<p>Now install the <code>Vue CLI<\/code> package using NPM. This package helps to set all tools required to create a new project in VueJS.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm install -g @vue\/cli<\/pre>\n\n\n\n<p>Check the version with:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">vue --version<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">@vue\/cli 5.0.4<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Create your VueJS Application<\/h2>\n\n\n\n<p>You can create your VueJS application with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">vue create my-project<\/pre>\n\n\n\n<p>You&#8217;ll be prompted with the following code:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Vue CLI v5.0.4\n? Please pick a preset: (Use arrow keys)\n\u276f Default ([Vue 3] babel, eslint)\nDefault ([Vue 2] babel, eslint)\nManually select features<\/pre>\n\n\n\n<p>You can choose the default preset Vue 2 or Vue 3 project which comes with a basic <code>Babel + ESLint<\/code> setup or select \u201c<code>Manually select features<\/code>\u201d to pick the features you need.<\/p>\n\n\n\n<p>Once the installation is finished, you should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&amp;#x1f389;  Successfully created project my-project.\n&amp;#x1f449;  Get started with the following commands:\n\n $ cd my-project\n $ npm run serve\n<\/pre>\n\n\n\n<p>Change the directory to the VueJS application:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">cd my-project<\/pre>\n\n\n\n<p>Now you need to start your VueJS application with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm run serve<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"> DONE  Compiled successfully in 10295ms\n\n\n  App running at:\n  - Local:   http:\/\/localhost:8080\/\n  - Network: http:\/\/192.168.1.10:8080\/\n\n  Note that the development build is not optimized.\n  To create a production build, run npm run build.\n<\/pre>\n\n\n\n<p>By default, the VueJS application starts on port <code>8080<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 5: Create a Systemd Service File for VueJS App<\/h2>\n\n\n\n<p>Next, you need to create a systemd service file to manage the VueJS service. You can create it with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">nano \/lib\/systemd\/system\/vuejs.service<\/pre>\n\n\n\n<p>Add the following lines:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[Service]\nType=simple\nUser=root\nRestart=on-failure\nWorkingDirectory=\/root\/my-project\nExecStart=npm run serve -- --port=8080\n\n[Install]\nWantedBy=default.target<\/pre>\n\n\n\n<p>Save and close the file, then reload the <strong>systemd<\/strong> service with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">systemctl daemon-reload<\/pre>\n\n\n\n<p>Next, start the VueJS service and enable it to start at system reboot with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">systemctl start vuejs\nsystemctl enable vuejs<\/pre>\n\n\n\n<p>You can verify the status of the VueJS service with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">systemctl status vuejs<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\u25cf vuejs.service\nLoaded: loaded (\/lib\/systemd\/system\/vuejs.service; static; vendor preset: enabled)\nActive: active (running)\nMain PID: 11730 (npm run serve -)\nTasks: 19 (limit: 2245)\nMemory: 37.3M\nCGroup: \/system.slice\/vuejs.service\n\u251c\u250011730 npm run serve --port=8080\n\u251c\u250011743 sh -c vue-cli-service serve \"--port=8080\"\n\u2514\u250011744 node \/root\/my-project\/node_modules\/.bin\/vue-cli-service serve --port=8080<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 6: Access VueJS Web UI<\/h2>\n\n\n\n<p>Now, open your web browser and type:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">http:\/\/your-server-ip-address:8080<\/pre>\n\n\n\n<p>You should see your VueJS Application on the following screen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/install-vue-cli-on-ubuntu-20-04.jpg\"><img decoding=\"async\" width=\"970\" height=\"529\" src=\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/install-vue-cli-on-ubuntu-20-04-970x529.jpg\" alt=\"\" class=\"wp-image-1734\" srcset=\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/install-vue-cli-on-ubuntu-20-04-970x529.jpg 970w, https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/install-vue-cli-on-ubuntu-20-04-470x256.jpg 470w, https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/install-vue-cli-on-ubuntu-20-04-768x419.jpg 768w, https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/install-vue-cli-on-ubuntu-20-04.jpg 1024w\" sizes=\"(max-width: 970px) 100vw, 970px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>We hope that today&#8217;s guide has made it easier for you to install Vue CLI on Ubuntu 20.04. Now, we&#8217;d like to hear your feedback. <\/p>\n\n\n\n<p>Do you feel like we&#8217;ve missed something, or is there a part of the process that you&#8217;d like us to elaborate on? Are there other subjects or tutorials you&#8217;re interested in that we should feature? <\/p>\n\n\n\n<p>Don&#8217;t hesitate to let us know your thoughts in the comments section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>VueJS is a popular JavaScript framework for building interactive web application user interfaces. It builds on top of standard HTML, CSS, and JavaScript, and is very easy to integrate with other projects and libraries. Vue CLI is a complete Vue development package. In this tutorial, we will show you how to install Vue CLI and &#8230; <a title=\"How to Install Vue CLI on Ubuntu 20.04\" class=\"read-more\" href=\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/\" aria-label=\"More on How to Install Vue CLI on Ubuntu 20.04\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":1735,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,208],"tags":[168,210,250],"class_list":["post-1733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-ubuntu","tag-how-to-install","tag-ubuntu-20-04","tag-vue"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Install Vue CLI on Ubuntu 20.04 | LinuxCloudVPS Blog<\/title>\n<meta name=\"description\" content=\"VueJS is a popular JavaScript framework for building interactive web application user interfaces. It builds on top of standard HTML, CSS, and JavaScript,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install Vue CLI on Ubuntu 20.04 | LinuxCloudVPS Blog\" \/>\n<meta property=\"og:description\" content=\"VueJS is a popular JavaScript framework for building interactive web application user interfaces. It builds on top of standard HTML, CSS, and JavaScript,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/\" \/>\n<meta property=\"og:site_name\" content=\"LinuxCloudVPS Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/LinuxCloudVPS\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-30T17:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-29T16:51:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"742\" \/>\n\t<meta property=\"og:image:height\" content=\"372\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@LinuxCloudVPS\" \/>\n<meta name=\"twitter:site\" content=\"@LinuxCloudVPS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/person\/ed907227ee7d151c617e6d0fe74f531a\"},\"headline\":\"How to Install Vue CLI on Ubuntu 20.04\",\"datePublished\":\"2022-05-30T17:30:00+00:00\",\"dateModified\":\"2023-08-29T16:51:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/\"},\"wordCount\":630,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg\",\"keywords\":[\"how to install\",\"ubuntu 20.04\",\"vue\"],\"articleSection\":[\"Tutorials\",\"Ubuntu\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/\",\"url\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/\",\"name\":\"How to Install Vue CLI on Ubuntu 20.04 | LinuxCloudVPS Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg\",\"datePublished\":\"2022-05-30T17:30:00+00:00\",\"dateModified\":\"2023-08-29T16:51:46+00:00\",\"description\":\"VueJS is a popular JavaScript framework for building interactive web application user interfaces. It builds on top of standard HTML, CSS, and JavaScript,\",\"breadcrumb\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#primaryimage\",\"url\":\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg\",\"contentUrl\":\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg\",\"width\":742,\"height\":372,\"caption\":\"how to install vue cli on ubuntu 20.04\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.linuxcloudvps.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Install Vue CLI on Ubuntu 20.04\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/#website\",\"url\":\"https:\/\/www.linuxcloudvps.com\/blog\/\",\"name\":\"LinuxCloudVPS\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.linuxcloudvps.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/#organization\",\"name\":\"LinuxCloudVPS\",\"url\":\"https:\/\/www.linuxcloudvps.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/logo.png\",\"contentUrl\":\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/logo.png\",\"width\":217,\"height\":25,\"caption\":\"LinuxCloudVPS\"},\"image\":{\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/www.facebook.com\/LinuxCloudVPS\",\"https:\/\/x.com\/LinuxCloudVPS\",\"http:\/\/www.linkedin.com\/company\/linuxcloudvps-com\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/person\/ed907227ee7d151c617e6d0fe74f531a\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/www.linuxcloudvps.com\/\"],\"url\":\"https:\/\/www.linuxcloudvps.com\/blog\/author\/r0s3admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Install Vue CLI on Ubuntu 20.04 | LinuxCloudVPS Blog","description":"VueJS is a popular JavaScript framework for building interactive web application user interfaces. It builds on top of standard HTML, CSS, and JavaScript,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/","og_locale":"en_US","og_type":"article","og_title":"How to Install Vue CLI on Ubuntu 20.04 | LinuxCloudVPS Blog","og_description":"VueJS is a popular JavaScript framework for building interactive web application user interfaces. It builds on top of standard HTML, CSS, and JavaScript,","og_url":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/","og_site_name":"LinuxCloudVPS Blog","article_publisher":"http:\/\/www.facebook.com\/LinuxCloudVPS","article_published_time":"2022-05-30T17:30:00+00:00","article_modified_time":"2023-08-29T16:51:46+00:00","og_image":[{"width":742,"height":372,"url":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@LinuxCloudVPS","twitter_site":"@LinuxCloudVPS","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#article","isPartOf":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/"},"author":{"name":"admin","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/person\/ed907227ee7d151c617e6d0fe74f531a"},"headline":"How to Install Vue CLI on Ubuntu 20.04","datePublished":"2022-05-30T17:30:00+00:00","dateModified":"2023-08-29T16:51:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/"},"wordCount":630,"commentCount":0,"publisher":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg","keywords":["how to install","ubuntu 20.04","vue"],"articleSection":["Tutorials","Ubuntu"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/","url":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/","name":"How to Install Vue CLI on Ubuntu 20.04 | LinuxCloudVPS Blog","isPartOf":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#primaryimage"},"image":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg","datePublished":"2022-05-30T17:30:00+00:00","dateModified":"2023-08-29T16:51:46+00:00","description":"VueJS is a popular JavaScript framework for building interactive web application user interfaces. It builds on top of standard HTML, CSS, and JavaScript,","breadcrumb":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#primaryimage","url":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg","contentUrl":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2022\/05\/how-to-install-vue-cli-on-ubuntu-20-04.jpg","width":742,"height":372,"caption":"how to install vue cli on ubuntu 20.04"},{"@type":"BreadcrumbList","@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-vue-cli-on-ubuntu-20-04\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.linuxcloudvps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Install Vue CLI on Ubuntu 20.04"}]},{"@type":"WebSite","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#website","url":"https:\/\/www.linuxcloudvps.com\/blog\/","name":"LinuxCloudVPS","description":"","publisher":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.linuxcloudvps.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#organization","name":"LinuxCloudVPS","url":"https:\/\/www.linuxcloudvps.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/logo.png","contentUrl":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/logo.png","width":217,"height":25,"caption":"LinuxCloudVPS"},"image":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/www.facebook.com\/LinuxCloudVPS","https:\/\/x.com\/LinuxCloudVPS","http:\/\/www.linkedin.com\/company\/linuxcloudvps-com"]},{"@type":"Person","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/person\/ed907227ee7d151c617e6d0fe74f531a","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"admin"},"sameAs":["http:\/\/www.linuxcloudvps.com\/"],"url":"https:\/\/www.linuxcloudvps.com\/blog\/author\/r0s3admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/posts\/1733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/comments?post=1733"}],"version-history":[{"count":2,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/posts\/1733\/revisions"}],"predecessor-version":[{"id":1983,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/posts\/1733\/revisions\/1983"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/media\/1735"}],"wp:attachment":[{"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/media?parent=1733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/categories?post=1733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/tags?post=1733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}