快速搭建一个vue前端工程

一、环境准备

1、安装node.js
  • 下载地址:Node.js

快速搭建一个vue前端工程_第1张图片

推荐版本如下:

快速搭建一个vue前端工程_第2张图片

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前端工程_第3张图片

输入安装命令:

vue init webpack test-ui

其中 test-ui 就是项目名称,根据喜好自己取。
接着会出现一些配置项,可以根据需要配置,也可以默认,直接按回车。

快速搭建一个vue前端工程_第4张图片

四、启动项目

快速搭建一个vue前端工程_第5张图片

启动成功

快速搭建一个vue前端工程_第6张图片

你可能感兴趣的:(测试开发,前端,vue.js,javascript)