用IDEA进行Vue项目搭建(主要指令)

  • 用cmd初始化vue项目
  • 使用idea管理vue项目
  • 在gitee上,上传和下载工程

用cmd初始化vue项目

  1. 注册cnpm ,国内使用npm或速度慢或导致导入失败
 $ npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. 在工作目录下初始化vue项目
vue init webpack myvue

  1. 进入项目
cd myvue
  1. 安装element-ui
cnpm i element-ui -S
  1. 安装axios
cnpm install --save axios vue-axios
  1. 安装echarts
cnpm install echarts --save
  1. 安装sass-loader node-sass
cnpm install sass-loader node-sass --save-dev
  1. 安装依赖
cnpm install
  1. 运行
npm run dev

若成功会弹出以下提示

进入浏览器输入对应网址:http://localhost:8080,可以运行即为创建成功
按下ctrl+c,输入y终止批处理操作。
项目创建完毕。

使用idea管理vue项目

打开idea,选择对应文件夹,打开后发现有.idea文件夹就可以用idea进行操作了

在gitee上,上传和下载工程

  1. 在对应文件夹,打开git bash,使用命令
git clone [url]

url在对应gitee仓库复制

  1. 将下载下来的文件夹里的所有内容拉到自己创建的vue工程文件夹里

  2. 上传三个步骤

1. git add .
2. git commit -m"[message]"<!--message为提交信息-->
3. git push

用IDEA构建Vue项目(主要指令)相关推荐

  1. 最详细的vue-cli工具构建vue项目教程

    最详细的vue-cli工具构建VUE项目教程 一.安装node环境 1. 进入node 官网下载安装 网址 https://nodejs.org/zh-cn/ 2. 默认安装(安装在C盘) 3. 安装 ...

  2. 提高 webpack 构建 Vue 项目的速度

    提高 webpack 构建 Vue 项目的速度 前言 最近有人给我的 Vue2 后台管理系统解决方案 提了 issue ,说执行 npm run build 构建项目的时候极其慢,然后就引起我的注意了 ...

  3. 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 ...

  4. Vue学习笔记:使用CLI构建Vue项目

    Vue学习笔记:使用CLI构建Vue项目 一.安装Vue CLI 要用到集成在node.js里的npm来安装Vue CLI. 1.下载并安装node.js 2.配置node.js的环境变量 3.启动命 ...

  5. vue-cli快速构建vue项目和本地模拟请求数据

    Vue-cli快速构建 Vue 项目和本地模拟请求数据 1 前提: 安装了 node.js 首先: 全局安装 vue-cli npm intsall vue-cli -g (-g代表全局安装) 2 使 ...

  6. Vue学习之环境构建--------vue-cli构建vue项目

    周围的朋友一直都在说vue的优点,之前一直在看angular,抱着好奇心学习了vue,想从最基础的地方记录我的vue.首先第一步离不开环境的搭建,那么就来记录我的vue环境搭建之路. 同作为前端的流行 ...

  7. Jenkins自动化构建vue项目然后发布到远程服务器

    一.请确保当前服务器安装了docker和jenkins,没安装的请看<在centos7系统安装docker及用docker安装jenkins> (jenkins里面的目录路径为/var/j ...

  8. Jenkins自动化构建vue项目然后发布到远程Linux服务器

    部署Jenkins参照另一篇博客: centos7安装Jenkins及其卸载 一.jenkins相关插件的安装 1.安装Publish Over SSH插件用于SSH连接远程的服务器. 登录 jenk ...

  9. docker+jenkins构建vue项目

    目录 1.安装docker 2.安装Docker Compose 3.配置docker-compose.yml 4.通过 Compose 创建 jenkins 5.配置 jenkins 6.手动备份J ...

  10. 使用iView构建Vue项目步骤

    //创建一个基于 webpack 的vue项目 $ vue init webpack vue-iview-master // 后续按回车安装默认即可 //进入到创建的vue项目 $ cd vue-iv ...

最新文章

  1. 厦门大学计算机科学每年的保研率是多少,厦大保研率大曝光,高达30%!研厦党该何去何从?...
  2. 菜鸟的DUBBO进击之路(八):配置抽离导致${jdbc.url}被当成字符串处理
  3. Eclipse MyEclipse下常用快捷键介绍
  4. Codeforces Round #713 (Div. 3)
  5. 浅谈Mybatis的一级缓存和二级缓存
  6. react native text换行_基于React+Koa实现React SSR服务端渲染
  7. 用Java描述数据结构之线性表的顺序存储(顺序表),ArrayList及其方法的介绍
  8. f77编程和c语言的区别,在fortran中l用F77编译器编译程序时出现问题?
  9. 对于高级搜索部分的要求
  10. foxmail删除服务器文件,无法真正删除?Foxmail文件中转站BUG
  11. 《鸟哥 Linux 私房菜》560 页新书首发!完整中文版 PDF 下载
  12. rar压缩包密码解密
  13. hadoop容错性(详解版)
  14. 天下武功唯快不破 实验吧(小结)
  15. C语言编译预处理#define(x,y)语句中x*y 、(x)*(y)、(x*y)的问题
  16. PHP绘制99的棋盘,JS canvas绘制五子棋的棋盘
  17. 《人生只有一次,去做自己喜欢的事》读书笔记
  18. iOS获取APP在苹果App Store中的最新版本信息
  19. spring boot 项目 事务 不能回滚 代理(not eligible for auto-proxying)
  20. JavaScript 事件节流

热门文章

  1. matlabsvd提取特征值_MATLAB中的SVD函数
  2. 易地推拓客分享:内容获客是最稳定的获客方式之一
  3. 文件和文件之间的 相对路径 绝对路径的访问(之前总是容易忘记)
  4. 专项UI自动化测试 - appium(元素定位方式和思考)|看了就会
  5. python小乌龟编程_Python案例——喝墨水的小乌龟
  6. 基尼系数,excel计算方法
  7. ARM-LINUX平台下的文本文件打印机打印
  8. 便携式明渠流量计的功能特点及资质证书
  9. 充电速度公式_关于电池充电时间计算公式
  10. 如何让在 LaTeX 中添加脚注,并且文中不出现编号?