Vue项目搭建教程超详细

目录
一. 环境准备
1. 安装node.js
2. 安装Vue cli
二. 创建 Vue 2 项目 
1. 下令行方式
2. vue ui方式

---

一. 环境准备

1. 安装node.js

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

1. npm install -g @vue/cli

复制代码

查抄是否安装成功

1. vue --version

复制代码

   Vue CLI 5.0.8 支持创建不同版本的 Vue 项目，包罗 Vue 2 和 Vue 3。
  二. 创建 Vue 2 项目 

1. 下令行方式

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

1. C:\WINDOWS\System32>d:
3. D:\>cd desktop
5. D:\desktop>mkdir Vue-workspace   //创建工作目录
7. D:\desktop>cd Vue-workspace

复制代码

使用以下下令创建vue项目

1. vue create 项目名

复制代码

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

根据本身的环境，选择符合的版本，我选的的是vue2
项目创建完成后，你可以进入项目目录并启动开辟服务器：

1. cd hello-world
2. 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脚手架的两种方式。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。