基于Idea从零搭建一个最简单的vue项目
一、需要了解的基本知识
node.js
Node.js是一个Javascript运行环境(runtime),发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。 Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。总结一下,node,js提供了javascript在浏览器以外的一个执行环境,满足一些特定的场景需求。
npm
npm 是 nodejs 的包管理和分发工具。它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单。通过npm可以更方便的引用和分析基于nodejs开发的类库和插件。
webpack
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。通过webpack可以把基于模块开发的前端工程代码打包成可以在浏览器使用的格式。
vue2
是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件系统和vue生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。在开发中vue会把使用vue语法修饰的html标签与js对象进行绑定,从而使html值变化时可以同步修改js对象,js对象值变化时可以在页面暂时,使开发从复杂的document操作中解脱出来。
iview
一套基于 Vue.js 的高质量 UI 组件库,通过iveiw可以快速的开发出风格一致的前端界面。
二、node.js安装
下载地址:https://nodejs.org/en/download/。
下载完成后安装(直接按默认方式安装就行)
打开cmd 输入下面的命令查看是否成功安装
node -v
npm -v
三、搭建项目
1 .打开idea,新建项目
Create New Project > Static Web>填写project name和选择保存的工作空间>Finish
2.安装vue脚手架工具
首先安装npm的淘宝镜像(下载速度比较快),打开idea的Terminal
输入以下的命令
npm i -g cnpm --registry=https://registry.npm.taobao.org
- 等待下载完成以后,继续安装vue的脚手架工具,在Terminal内继续输入以下命令
npm i -g vue-cli
测试是否安装成功:
vue -V
- 脚手架安装完成后,初始化包结构,继续输入
vue init webpack demo
- demo为你前面新建的项目名。初始化会进行设置。可参考此处设置。
初始化完成后。依次在Terminal输入图片内的黄色文字
完成后,会提示在哪个端口可以访问,此处现在是8080
打开浏览器输入:localhost:8080,出现以下画面,简单的demo就搭建完成了 。
转载于:https://www.cnblogs.com/DylanZ/p/11094893.html
基于Idea从零搭建一个最简单的vue项目相关推荐
- 从零搭建一个基于React+Nextjs的SSR网站(四):如何搭建服务器并部署Nextjs项目
个人博客源码:https://github.com/shaotianyu/blog-front PS: 如果你有疑惑,可以给我留言,咱们一起解决它. 从零搭建一个基于React+Nextjs的SSR网 ...
- 从零学习pytorch 第1课 搭建一个超简单的网络
课程目录(在更新,喜欢加个关注点个赞呗): 从零学习pytorch 第1课 搭建一个超简单的网络 从零学习pytorch 第1.5课 训练集.验证集和测试集的作用 从零学习pytorch 第2课 Da ...
- 从零搭建一个 Spring Boot 开发环境!Spring Boot+Mybatis+Swagger2 环境搭建
从零搭建一个 Spring Boot 开发环境!Spring Boot+Mybatis+Swagger2 环境搭建 本文简介 为什么使用Spring Boot 搭建怎样一个环境 开发环境 导入快速启动 ...
- Dubbo入门介绍---搭建一个最简单的Demo框架
Dubbo入门---搭建一个最简单的Demo框架 置顶 2017年04月17日 19:10:44 是Guava不是瓜娃 阅读数:320947 标签: dubbo zookeeper 更多 个人分类: ...
- 深度学习笔记:利用numpy从零搭建一个神经网络
很多人说深度学习就是个黑箱子,把图像预处理之后丢进 tensorflow 就能出来预测结果,简单有效又省时省力.但正如我在上一篇推送中所说,如果你已是一名功力纯厚的深度学习工程师,这么做当然没问题.但 ...
- 搭建Vue.js环境,建立一个简单的Vue项目
基于vue-cli快速构建 Vue是近年来比较火的一个前端框架,所以搭建Vue.js环境,要装webpack,vue-cli,Vue 安装webpack命令如下 $ cnpm install webp ...
- 【华为云技术分享】从零搭建一个灰度发布环境
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师. 官方网站:devui.design Ng组件库:ng-devui(欢 ...
- [渝粤教育] 宁波城市职业技术学院 Web服务器运维(从零搭建一个企业网站) 参考 资料
教育 -Web服务器运维(从零搭建一个企业网站)-章节资料考试资料-宁波城市职业技术学院[] 作业:购买阿里云ECS 作业:在万网注册域名 作业:ICP备案 微测验:准备主机 1.[单选题]ECS是阿 ...
- 自己搭服务器 做购物网站成本,从零搭建一个购物网站,实操经验
对于很多不懂代码不懂技术的人来说,想要搭建自己的购物网站非常的困难.难道不懂计算机基础,不会写代码就真的不能进行购物网站开发了吗?事实上并非如此.接下来HiShop小编就跟大家分享一下,如何从零搭建一 ...
最新文章
- 2021年春季学期-信号与系统-第五次作业参考答案-第十一移小题—MATLAB
- 堆空间大小怎么配置,各区域怎么划分
- 透过 OKR 进行项目过程管理 1
- TCP/IP协议简介2
- Spring事务配置的五种方式和spring里面事务的传播属性和事务隔离级别、不可重复读与幻读的区别
- 渗透测试入门27之渗透测试学习建议
- JVM学习-垃圾回收调优
- Python: 分数运算
- 你知道 ES6~ES12等叫法是怎么来的吗?
- Linux进程最大socket数,Linux下高并发socket最大连接数所受的各种限制(详解)
- C# 获取PDF文档的字体信息及指定文字的坐标,宽度和高度
- Win10专业版如何安装Docker
- S7-1200/1500获取本地IP地址(不使用库)
- cgi-bin是什么
- java 调用 yed 绘制 流程图_用 yEd Graph Editor 绘制流程图(2)
- matlab求稳定时间ts,一阶方程调节时间ts
- Python下载网易云歌曲(版权限制的怎么播放和下载呢?)
- KK 给年轻人的99条建议
- kermit安装和配置
- 一文读懂电源缓启动原理
热门文章
- 朴素、Select、Poll和Epoll网络编程模型实现和分析——Poll、Epoll模型处理长连接性能比较
- 程序员的自我修养--链接、装载与库笔记:内存
- java list 两个集合比较 不存在则新增 存在修改_Java之集合
- Linux服务器部署ssl证书教程,linux服务器在wdcp面板安装ssl证书教程
- 【java】Lombok的使用
- JavaScript_上
- JavaScript Array相关方法
- ios如何实现静音模式下声音仍然可以外放
- 运行PHP出现No input file specified错误解决办法
- spark集群使用hanlp进行分布式分词操作说明