标签：npm vue 项目 创建 命令 Vue

一、安装脚手架（Vue CLI）

检查是否有安装脚手架

在DOS中输入vue命令，如果出现提示，说明没有安装

 

 

修改NPM镜像地址

修改NPM镜像地址为淘宝的，要不然在安装时可能会很慢

npm config set registry https://registry.npm.taobao.org

执行安装命令

执行该命令即可在DOS上使用vue命令

// -g 表示全局安装
npm install -g @vue/cli

安装完后，重新打开DOS窗口，输入vue命令，即可执行vue命令

 二、创建Vue项目

切换目录：到你要创建项目的目录，然后使用命令创建项目

//创建一个vue_test的项目
vue create vue_test

 等待创建...

选择要使用的Vue版本，通过上下键选择Vue版本，按回车确认，这里选择的是Vue2。

 

 

 

 

第一行显示的是脚手架的版本，如上图脚手架的版本是v5.0.8

 

 

 

 

 

 

 

 

 

三、启动项目

进入项目目录，并执行启动命令

//进入项目目录
cd vue_test

//启动项目
npm run serve

 

 

 

 

 

 

 

启动成功，访问http://localhost:8080/

 

 

 

 

 

 

 

四、分析Vue项目的目录结构

 

标签：npm,vue,项目,创建,命令,Vue
From： https://www.cnblogs.com/weslie/p/16882707.html