vue项目搭建

Vue环境搭建

vue是一个JavaMVVM库,是一套用于构建用户界面的渐进式框架,是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计。

首先要安装node.js,安装完node.js之后,npm也会自动安装

查询是否安装成功的命令

1、npm -v

vue项目搭建_第1张图片

2、安装脚手架工具vue-cli命令

npm install --global vue-cli

vue项目搭建_第2张图片

安装完成后

3、vue项目初始化命令如下,若没有安装webpack,则先安装webpack

npm install -g webpack

vue init webpack myVue

vue项目搭建_第3张图片

生成VUE项目

vue项目搭建_第4张图片

把Vue项目导入到IDEA里面

vue项目搭建_第5张图片

启动Vue项目

npm run dev

vue项目搭建_第6张图片

vue项目搭建_第7张图片

 

你可能感兴趣的:(vue)