Vue学习笔记(一)——Intellij IDEA搭建Vue脚手架

1.安装nodejs及npm(已安装)

命令行查看是否安装好nodejs和npm

node -v
npm -v

Vue学习笔记(一)——Intellij IDEA搭建Vue脚手架_第1张图片
ps:如未安装请自行查找教程安装

2.创建一个Static Web项目

自己命名项目名称
Vue学习笔记(一)——Intellij IDEA搭建Vue脚手架_第2张图片

3.安装vue脚手架工具

Alt+F12打开Termainal安装vue脚手架工具安装npm的淘宝镜像,输入以下命令:

npm i -g cnpm --registry=https://registry.npm.taobao.org

完成后如下所示:
在这里插入图片描述

安装VUE-CLI 脚手架

npm i -g vue-cli

测试是否安装成功:

vue -V

完成如下:
Vue学习笔记(一)——Intellij IDEA搭建Vue脚手架_第3张图片

4.初始化包结构

vue init webpack 项目名

自行输入/选择(每一项Enter确定)
Vue学习笔记(一)——Intellij IDEA搭建Vue脚手架_第4张图片
之后会出现三行黄字,按照其操作出现:
Vue学习笔记(一)——Intellij IDEA搭建Vue脚手架_第5张图片

最终浏览器输入:localhost:8080
ps:8080为自己默认的端口
看到如下便已经搭建完成:
Vue学习笔记(一)——Intellij IDEA搭建Vue脚手架_第6张图片

你可能感兴趣的:(前端)