Bootstrap

Vue项目搭建教程超详细

目录

一. 环境准备

1. 安装node.js

2. 安装Vue cli

二. 创建 Vue 2 项目 

1. 命令行方式

2. vue ui方式


一. 环境准备

1. 安装node.js

可参考node.js卸载与安装超详细教程-CSDN博客

2. 安装Vue cli

npm install -g @vue/cli

检查是否安装成功

vue --version 

Vue CLI 5.0.8 支持创建不同版本的 Vue 项目,包括 Vue 2 和 Vue 3。

二. 创建 Vue 2 项目 

1. 命令行方式

在合适的位置,创建vue的工作目录,我选择的是D盘下的desktop

C:\WINDOWS\System32>d:

D:\>cd desktop

D:\desktop>mkdir Vue-workspace   //创建工作目录

D:\desktop>cd Vue-workspace

使用以下命令创建vue项目

vue create 项目名

在创建过程中,你会被提示选择 Vue 版本。选择 Vue 2 选项,如下所示:

根据自己的情况,选择合适的版本,我选的的是vue2

项目创建完成后,你可以进入项目目录并启动开发服务器:

cd hello-world
npm run serve

 

在浏览器输入localhost:8081:

 脚手架创建成功!

停止服务

两下Ctrl+C 或者Ctrl+C一下然后Y

2. vue ui方式

2.1 进入vue资源管理器界面(vue ui界面)

2.2 创建项目

2.3 配置信息:

点击下一步

2.4 选择预设,或者自定义

然后下一步完成创建

2.5 启动运行项目

按步骤来:任务>serve>运行>启动

 以上就是搭建vue脚手架的两种方式。

;