快速搭建一个vue前端工程
一、环境准备
1、安装node.js
- 下载地址:Node.js
推荐版本如下:
2、检查node.js版本
node -v
npm -v
二、安装Vue脚手架
Vue脚手架是Vue官方提供的标准化开发工具。vue官网:https://cn.vuejs.org/
全局安装@vue/cli (仅第一次搭建环境时执行)
npm install -g @vue/cli
检查是否安装成功
vue --version
三、创建vue项目
进入到你想要创建项目的文件夹目录下,右键点击在终端中打开
输入安装命令:
vue init webpack test-ui
其中 test-ui 就是项目名称,根据喜好自己取。
接着会出现一些配置项,可以根据需要配置,也可以默认,直接按回车。
四、启动项目
启动成功