Vue-idea的搭建

搭建idea vue 的运行环境

####vue 环境依赖于 nodejs

https://nodejs.org/zh-cn/

推荐下载长期支持版

这样表示安装完成

安装国内下载环境(方便下载快点)

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

然后是安装vue环境

cnpm install -g @vue/cli

如果出现无法识别cnpm指令的错误的时候,可以将cnpm的目录添加到环境

开始下载vue-cli(cli3.0后可以通过图形化界面创建项目–新手强推)

下载成功后

vue ui

进入ui界面

通过create,指定创建的目录,以及项目名,构建方式,还有依赖,然后开始生成项目

####搭建idea的vue环境

setting->plugin

搜索vue.js

下载后,重启idea,然后随便创建一个vue文件,看idea能否识别

可以识别说明插件添加成功

将生成的vue项目添加到idea项目中去

可以看到它的目录结构已经加载进来了,通过Terminal进入命令行状态

npm run serve

启动vue项目

就可以进入了
这样一个简单的vue-idea的手脚架就完成了

Vue-idea的搭建相关推荐

【骨架屏】【vue】如何在webpack+vue+vue-cli下搭建多模块/单模块多路由骨架屏
如何在webpack+vue+vue-cli下搭建多模块/单模块多路由骨架屏前言骨架屏的用户感知比loading更好,此前看过很多专栏以及文章,此次实践中还是遇到需要学习的部分. 对于骨架屏或者占 ...
go html vue,用Go+Vue.js快速搭建一个Web应用(初级demo)
Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文给大家介绍用Go+Vue.js快速搭建一个Web应用(初级demo). 环境准备: 1. 安装go语言,配置go开 ...
vue 环境的搭建及初始化项目
其实超级简单,虽然网上很多,但是我顺便记录下相当于做笔记吧 1nodejs 的安装, 在node官网下载,点击安装,安装的时候最好选择路径在d盘 2设置环境变量我的电脑-->属性-->系 ...
Windows之vue-cli安装和vue项目快速搭建
Windows之vue-cli安装和vue项目快速搭建 1.提前安装好node.js, 安装步骤:https://blog.csdn.net/qq_43842093/article/details/1 ...
浅入深出Vue：环境搭建
浅入深出Vue:环境搭建工欲善其事必先利其器,该搭建我们的环境了. 安装NPM 所有工具的下载地址都可以在导航篇中找到,这里我们下载的是最新版本的NodeJS Windows安装程序下载下来后,直 ...
Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 . TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript ...
Mac Webpack Vue项目的搭建
文章目录前言一.Node的安装? 二.Webpack的安装三.Vue 的安装四.Vue项目的创建五:运行项目前言由于公司需要对接浙政厅的H5应用平台,为了满足平台的发布要求,自己第一次研 ...
Vue项目脚手架搭建
Vue项目脚手架搭建 Vue 项目脚手架搭建需要的工具安装NodeJs 安装vue-cli 安装webpack 初始化项目启动项目 Vue 项目脚手架搭建需要的工具 NodeJs vue-cli ...
「Vue 学习笔记 1」Vue 项目快速搭建，初始项目各个文件夹作用介绍和启动代码执行流程分析
「Vue 学习笔记 1」Vue 项目快速搭建,初始项目各个文件夹作用介绍和启动代码执行流程分析前言一.我的开发环境二.使用 Vue CLI (Vue 脚手架)快速搭建项目三.初始项目的目录结构 ...
快速简洁的Vue+Electron项目搭建教程
Vue+Electron项目搭建教程最近写一个项目,需要使用Electron集成Vue,特此记录搭建过程 Vue+Electron 常用搭建方式在之前,通常我们会使用electron-vue脚手架 ...

Vue-idea的搭建

搭建idea vue 的运行环境

Vue-idea的搭建相关推荐

最新文章

热门文章