用IDEA构建Vue项目(主要指令)
用IDEA进行Vue项目搭建(主要指令)
- 用cmd初始化vue项目
- 使用idea管理vue项目
- 在gitee上,上传和下载工程
用cmd初始化vue项目
- 注册cnpm ,国内使用npm或速度慢或导致导入失败
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
- 在工作目录下初始化vue项目
vue init webpack myvue
- 进入项目
cd myvue
- 安装element-ui
cnpm i element-ui -S
- 安装axios
cnpm install --save axios vue-axios
- 安装echarts
cnpm install echarts --save
- 安装sass-loader node-sass
cnpm install sass-loader node-sass --save-dev
- 安装依赖
cnpm install
- 运行
npm run dev
若成功会弹出以下提示
进入浏览器输入对应网址:http://localhost:8080,可以运行即为创建成功
按下ctrl+c,输入y终止批处理操作。
项目创建完毕。
使用idea管理vue项目
打开idea,选择对应文件夹,打开后发现有.idea文件夹就可以用idea进行操作了
在gitee上,上传和下载工程
- 在对应文件夹,打开git bash,使用命令
git clone [url]
url在对应gitee仓库复制
将下载下来的文件夹里的所有内容拉到自己创建的vue工程文件夹里
上传三个步骤
1. git add .
2. git commit -m"[message]"<!--message为提交信息-->
3. git push
用IDEA构建Vue项目(主要指令)相关推荐
- 最详细的vue-cli工具构建vue项目教程
最详细的vue-cli工具构建VUE项目教程 一.安装node环境 1. 进入node 官网下载安装 网址 https://nodejs.org/zh-cn/ 2. 默认安装(安装在C盘) 3. 安装 ...
- 提高 webpack 构建 Vue 项目的速度
提高 webpack 构建 Vue 项目的速度 前言 最近有人给我的 Vue2 后台管理系统解决方案 提了 issue ,说执行 npm run build 构建项目的时候极其慢,然后就引起我的注意了 ...
- vuex构建vue项目_如何使用Vue.js,Vuex,Vuetify和Firebase构建单页应用程序
vuex构建vue项目 如何使用Vuetify和Vue路由器安装Vue并构建SPA (How to install Vue and build an SPA using Vuetify and Vue ...
- Vue学习笔记:使用CLI构建Vue项目
Vue学习笔记:使用CLI构建Vue项目 一.安装Vue CLI 要用到集成在node.js里的npm来安装Vue CLI. 1.下载并安装node.js 2.配置node.js的环境变量 3.启动命 ...
- vue-cli快速构建vue项目和本地模拟请求数据
Vue-cli快速构建 Vue 项目和本地模拟请求数据 1 前提: 安装了 node.js 首先: 全局安装 vue-cli npm intsall vue-cli -g (-g代表全局安装) 2 使 ...
- Vue学习之环境构建--------vue-cli构建vue项目
周围的朋友一直都在说vue的优点,之前一直在看angular,抱着好奇心学习了vue,想从最基础的地方记录我的vue.首先第一步离不开环境的搭建,那么就来记录我的vue环境搭建之路. 同作为前端的流行 ...
- Jenkins自动化构建vue项目然后发布到远程服务器
一.请确保当前服务器安装了docker和jenkins,没安装的请看<在centos7系统安装docker及用docker安装jenkins> (jenkins里面的目录路径为/var/j ...
- Jenkins自动化构建vue项目然后发布到远程Linux服务器
部署Jenkins参照另一篇博客: centos7安装Jenkins及其卸载 一.jenkins相关插件的安装 1.安装Publish Over SSH插件用于SSH连接远程的服务器. 登录 jenk ...
- docker+jenkins构建vue项目
目录 1.安装docker 2.安装Docker Compose 3.配置docker-compose.yml 4.通过 Compose 创建 jenkins 5.配置 jenkins 6.手动备份J ...
- 使用iView构建Vue项目步骤
//创建一个基于 webpack 的vue项目 $ vue init webpack vue-iview-master // 后续按回车安装默认即可 //进入到创建的vue项目 $ cd vue-iv ...
最新文章
- 厦门大学计算机科学每年的保研率是多少,厦大保研率大曝光,高达30%!研厦党该何去何从?...
- 菜鸟的DUBBO进击之路(八):配置抽离导致${jdbc.url}被当成字符串处理
- Eclipse MyEclipse下常用快捷键介绍
- Codeforces Round #713 (Div. 3)
- 浅谈Mybatis的一级缓存和二级缓存
- react native text换行_基于React+Koa实现React SSR服务端渲染
- 用Java描述数据结构之线性表的顺序存储(顺序表),ArrayList及其方法的介绍
- f77编程和c语言的区别,在fortran中l用F77编译器编译程序时出现问题?
- 对于高级搜索部分的要求
- foxmail删除服务器文件,无法真正删除?Foxmail文件中转站BUG
- 《鸟哥 Linux 私房菜》560 页新书首发!完整中文版 PDF 下载
- rar压缩包密码解密
- hadoop容错性(详解版)
- 天下武功唯快不破 实验吧(小结)
- C语言编译预处理#define(x,y)语句中x*y 、(x)*(y)、(x*y)的问题
- PHP绘制99的棋盘,JS canvas绘制五子棋的棋盘
- 《人生只有一次,去做自己喜欢的事》读书笔记
- iOS获取APP在苹果App Store中的最新版本信息
- spring boot 项目 事务 不能回滚 代理(not eligible for auto-proxying)
- JavaScript 事件节流