idea下搭建vue开发环境

1、node.js安装

下载地址：Download | Node.js

2、查看npm是否正常安装
npm -v

3、打开idea,新建项目
Create New Project > Static Web>填写project name和选择保存的工作空间>Finish

4、安装vue脚手架工具

首先安装npm的淘宝镜像(下载速度比较快)，打开idea的Terminal；
输入以下的命令

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

等待下载完成以后，继续安装vue的脚手架工具，在Terminal内继续输入以下命令

npm i -g vue-cli
测试是否安装成功：
vue -V

5、脚手架安装完成后，初始化包结构,继续输入
vue init webpack demo

6、初始化完成后。依次在Terminal输入
     cd demo
     npm install
     npm run dev

7、完成后，会提示在哪个端口可以访问，此处现在是8080
打开浏览器输入：localhost:8080,出现以下画面，简单的demo就搭建完成了。

idea下搭建vue开发环境相关推荐

离线/内网环境下搭建vue开发环境
系列文章目录第一讲离线/内网环境下搭建vue开发环境第二讲内网环境运行maven项目目录外网环境搭建一.安装nodeJS 二.安装vue依赖包内网环境正式开始准备工作: 一.安装no ...
Mac系统下搭建vue开发环境
1.首先安装brew /usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/in ...
初探webpack之从零搭建Vue开发环境
初探webpack之搭建Vue开发环境平时我们可以用vue-cli很方便地搭建Vue的开发环境,vue-cli确实是个好东西,让我们不需要关心webpack等一些繁杂的配置,然后直接开始写业务代码, ...
乐鑫Esp32学习之旅② 巧用eclipes编辑器，官方教程在Windows下搭建esp32开发环境，打印 “Hello World”。
本系列博客学习由非官方人员半颗心脏潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. 爬坑学习新旅程,虚拟机搭建esp32开发环境,打印 " ...
vscode搭建vue开发环境(vue入门)
本文基于vue2.0版本,文末说明怎么升级为vue3.0版本一.安装VScode 从官网下载,安装就行.以下操作在win+r -> cmd 命令行界面执行.在vscode中就是在创建好的项目空 ...
Eclipse下搭建GitHub开发环境
自从GitHub的强大性被开发者认识到后,越来越多的开发者选择使用GitHub代替SVN来进行开发.本人也不例外,最近开始研究如何使用GitHub来托管自己的代码,下面就开始介绍如何在Eclipse下 ...
windows环境下搭建rabbitMQ开发环境
2019独角兽企业重金招聘Python工程师标准>>> windows环境下搭建rabbitMQ开发环境 1.下载与安装 erlang rabbitmq 是使用erlang语言开发的 ...
在Windows环境下搭建Android开发环境
标题:在Windows环境下搭建 Android 开发环境作者:CrazyPebble 时间:2011年2月28日声明:此文在参考其他网上资料以及笔者实践总结写下,一来自己可以做一些总结,二来给跟 ...
mysql环境搭载后老出错_使用Docker在window10下搭建SWOFT开发环境，mysql连接错误
使用Docker在window10下搭建SWOFT开发环境,mysql连接错误 { "code": 0, "error": "(Swoft\\Db\\ ...
Windows下搭建ESP-IDF开发环境，适合ESP32/S2/C3/S3系列模组二次开发
前言本教程适用于以下两种用户: ①无Linux环境搭建经验或搭建Linux开发环境不成功: ②使用安信可windows一体化环境IDE V1.5开发环境搭建不成功: 本教程提供了windows下搭建 ...

idea下搭建vue开发环境

idea下搭建vue开发环境相关推荐

最新文章

热门文章