如何安装vue-cli脚手架

2024-04-02 22:08:32

vue.js是当前前端开发中使用最广泛的一个框架，简单小巧的核心，渐进式技术栈，足以应付任何规模的应用，而且Vue.js的优化做的也非常的好，有着非常快的响应速度。

操作方法

01

安装之前检查是否已经安装node环境，如果有我们就进行接下来的vue-cli的安装，若果没有我们则先安装node环境。
02

安装vue-cli脚手架，安装代码为：npm install -g vue-cli，我们在这里选择的是全局安装，安装完之后创建项目。
03

然后根据提示选择会否安装插件，如果安装则选择Yes，如果不安装则选择No,知道插件选择完成。
04

之后我们cd切换到项目目录，然后安装项目依赖，项目依赖的安装代码为：npm install
05

依赖安装完成之后我们的脚手架基本上算是安装完成了，我们看一下我们的项目都有什么文件。
06

所有前奏准备完成之后我们的vue-cli脚手架就算是完成了，我们接下来就要让项目跑起来。代码为：npm run dev
07

脚手架跑起来之后，会默认打开8080端口，系统如果自动跳转到该网页，就说明我们的脚手架安装已经完了，然后就可以在脚手架里面填写我们的项目了。

赞 (0)

怎么使用手机号来登录VUE vlog软件

在手机中,我们可以通过vue vlog软件来制作vlog视频,而在使用该软件的时候,我们应如何使用手机号来登录呢?接下来就由小编来告诉大家.具体如下:1.第一步,打开手机中的应用商店,搜索下载并安装V ...
Anaconda 下各种第三方库的安装

本篇介绍如何使用Anaconda软件快速安装Python第三方包. GUI方式 01 双击打开Anaconda Navigator,选择Environments界面 02 选择想要配置的python环 ...
npm安装图文教程

npm是nodejs官方未nodejs定制的一个工具,是Node.js的包管理器,是Node Packaged Modules的简称,通过npm可以下载安装nodejs的模块包,nodejs有很多优秀 ...
如何在手机中给视频添加字幕

有的小伙伴在手机中看到一段非常有感触的视频,因此想要给该视频添加字幕,但是却不知道如何添加,那么小编就来为大家介绍一下吧.方法/步骤1:用剪映给视频加字幕1. 第一步,下载安装剪映软件,接着点击并打开 ...
Vue xStream 2015.2安装及破解教程详细图解(附下载)

Vue xStream 2015.2又称造景大师,这是一款实用的自然景观制作软件,该软件可以有效地模拟山川,树林,大气等各种自然环境,本文小编主要针对还不清楚Vue xStream 2015.2怎么安 ...
Vue XStream 2016 中文破解版安装教程(附破解文件)

XStream 2016是一款Vue最新推出的三维景观生成软件,它是目前最强大的造景软件,提供了一整套专业工具,拥有高精的渲染效果,用户界面清晰友好,运用多项独立渲染技术加快渲染进程,内置渲染选项多变 ...
如何给vue安装路由

今天给大家介绍一下如何给vue安装路由的具体操作步骤.1. 首先打开电脑,找到所做的vue项目目录,双击打开2. 在打开的目录页面,找到文件的根目录,继续双击打开3. 然后在打开的文件根目录页面,在上 ...
vue-cli脚手架搭建方法

vue-cli脚手架搭建方法,需要用vue框架的同学们可以看看,因为基础不太扎实所以真的看文档不太清楚该怎么搭起来.这里有一些图文的方式. 操作方法 01 直接搜索cmd打开命令行工具 02 输入 c ...
ubuntu下LAMP环境安装详细教程

LAMP的概念： Linux+Apache+Mysql+Perl/PHP/Python一组常用来搭建动态网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容 ...