基于vue构建前端应用
安装Node.js
关于Node.js
Node.js是一个基于 Chrome V8 引擎 的异步驱动的 JavaScript 运行时
HTTP 是 Node.js 中的一等公民。它设计的是流式和低延迟。这使得 Node.js 非常适合于 web 库或框架的基础。(了解更多)
安装
根据自己的操作系统选择并下载对应的安装包，然后点击安装包即可安装。
下载地址：下载 | Node.js
更多安装方式：通过包管理器安装 Node.js | Node.js
Node.js默认自带有一个包管理工具npm，通过npm可以查找、安装、共享、分发代码以及管理项目依赖关系。
还有个包管理工具叫yarn，号称快速（缓存已经下载的包、并行操作）、可靠（使用格式详尽而又简洁的 lockfile文件 和确定性算法来安装依赖）、安全（执行前校验其完整性），选用哪个，根据自己的需要进行选择（更多关于yarn的信息：Yarn 中文文档）。
yarn的安装：
- windows，下载mis文件安装：https://classic.yarnpkg.com/zh-Hans/docs/install#windows-stable）
- macOS，通过brew安装：brew install yarn
安装Vue CLI
关于Vue CLI
摘自官网：
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：
- 通过
@vue/cli搭建交互式的项目脚手架。 - 通过
@vue/cli+@vue/cli-service-global快速开始零配置原型开发。 - 一个运行时依赖 (
@vue/cli-service)，该依赖： - 可升级；
- 基于 webpack 构建，并带有合理的默认配置；
- 可以通过项目内的配置文件进行配置；
- 可以通过插件进行扩展。
- 一个丰富的官方插件集合，集成了前端生态中最好的工具。
- 一套完全图形化的创建和管理 Vue.js 项目的用户界面。
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。
更多关于Vue CLI内容：介绍 | Vue CLI
安装
安装命令（-g或global表示全局安装）：
npm install -g @vue/cli
# OR
yarn global add @vue/cliVue CLI安装完成，就可以在命令行执行vue命令了。
localhost:demo me$ vue -V
@vue/cli 4.3.1创建项目
命令
vue create [options] <app-name>相关选项：
options：-p, --preset <presetName> 忽略提示符并使用已保存的或远程的预设选项-d, --default 忽略提示符并使用默认预设选项-i, --inlinePreset <json> 忽略提示符并使用内联的 JSON 字符串预设选项-m, --packageManager <command> 在安装依赖时使用指定的 npm 客户端-r, --registry <url> 在安装依赖时使用指定的 npm registry-g, --git [message] 强制 / 跳过 git 初始化，并可选的指定初始化提交信息-n, --no-git 跳过 git 初始化-f, --force 覆写目标目录可能存在的配置-c, --clone 使用 git clone 获取远程预设选项-x, --proxy 使用指定的代理创建项目-b, --bare 创建项目时省略默认组件中的新手指导信息-h, --help 输出使用帮助信息
示例
执行命令：vue create vue-demo
localhost:demo me$ vue create vue-demoVue CLI v4.3.1
? Please pick a preset: default (babel, eslint)Vue CLI v4.3.1
✨ Creating project in /opt/demo/vue-demo.
基于vue构建前端应用相关推荐
- Vue的使用 -- 基于Vue搭建前端页面
Vue的使用 – 基于Vue搭建前端页面 首先,用到的前端技术只有 Vue.Element-ui.axios.Echarts,至于其它的技术点,我一个后端很少接触. 其次,Echarts 我也不怎么会 ...
- py WebsocketServer创建的服务器与vue构建前端页面相互收发信息——猪猪侠方丈-px
py WebsocketServer创建的服务器与vue构建前端页面相互收发信息 环境:py3 pycharm WebsocketServer0.5.1 vue2 废话少说上代码pycharm中.py ...
- json可视化编辑器_推荐一个基于 Vue 的前端界面可视化设计器项目
简介 基于 Vue 开发的界面可视化设计器,前端小白可以直接拖拽生成前端代码. 特性 可视化拖拽布局 支持数据关联和交互行为的可视化编辑 支持扩展组件.组件属性.属性编辑器 依赖 vjform,可视化 ...
- 推荐一个基于 Vue 的前端界面可视化设计器项目
点击▲关注 "爪哇笔记" 给公众号标星置顶 更多摄影技巧 第一时间直达 简介 基于 Vue 开发的界面可视化设计器,前端小白可以直接拖拽生成前端代码. 特性 可视化拖拽布局 支 ...
- 使用Vue构建前端页面
起步 使用vue-cli构建初始应用,这里使用了webpack这个模板,这会产生一个比较完整的项目结构 具体文件目录的作用可以参考博客 vue-cli项目结构详解 vue init webpack p ...
- vue 字典_【开源】基于Vue的前端组件库HeyUI
说道vue组件库,目前主流的基本就是iview和element.今天又发现一个很不错的.HeyUI. 组件也很丰富,入门比较简单. 反正开源框架我们有不嫌多,多多益善啊.感兴趣的可以看看. 关于Hey ...
- Vue笔记-Ant Design Vue构建前端连接后端WebSocket
运行结果如下: 程序结构如下: 关键代码: App.vue <template><a-layout class="layout"><a-layout- ...
- 基于VUE的前端框架搭建
2019独角兽企业重金招聘Python工程师标准>>> 先上git地址:https://github.com/summercloud/vue-admin 配置思路 配置npm 这里不 ...
- 基于vue的前端音乐播放器网页
本着对vue的兴趣,试着用vue做了个仿照网易云样式的简单的音乐播放网页,用的是网易云的api,因为是抱着玩的心态做的,所以有些缺陷也就不完善了,写在博客上纪念一下. 发现音乐的界面,轮播图用了三秒定 ...
最新文章
- 动态验证码制作（RandomCodeImage ）
- java类中的代码块，Java开发避坑指南！
- SpringMvc中ModelAndView模型的应用
- jzoj3337-[NOI2013模拟]wyl8899的TLE【字符串hash,二分】
- yii mysql 操作数据库_YII2中操作数据库的方式
- JSON跨域解决方案收集
- boost asio异步通信
- 5脚耳机插座原理图_拆解报告：JLab Go Air 真无线运动耳机
- 51单片机小车（附源码）
- 每天吃一个核桃好处多多，坚持半年以上，身体会发生五种变化
- Win10系统如何快速更改桌面文件夹图标
- 南京中山陵环卫工和游客当众互殴(图)
- 大数据在职研究生哪个好_在职研究生大数据专业怎么样?
- 前端导航栏的几种写法
- WPF3D贴图：用C#搓一个地球
- jetty 去掉项目名称访问
- 水利水电安全员考试单选练习题库（11）
- 学习LLC谐振变换电路的工作原理
- GBASE数据库启动连接报908 错误
- 抖音如何查看访客记录，丨国仁网络
热门文章