| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 一篇把vue准备工作说的明明白白的(奶妈级教程) -> 正文阅读 |
|
[JavaScript知识库]一篇把vue准备工作说的明明白白的(奶妈级教程) |
什么是Vue.jsVue.js(/vju?/,或简称为Vue)是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。 2016年一项针对JavaScript的调查表明,Vue有着89%的开发者满意度。为了实现前后端分离的开发理念,开发前端 SPA(single page web application) 项目,实现数据绑定,路由配置,项目编译打包等一系列工作的技术框架。 Vue.js是一款流行的JavaScript前端框架,旨在更好地组织与简化Web开发。 Vue的核心是什么vue脚手架是为了实现前后端分离的开发理念,开发前端 SPA(single page web application) 项目,实现数据绑定,路由配置,项目编译打包等一系列工作的技术框架。 VUE脚手架的安装:1.node.js的安装: 参考网址:下载 | Node.js 中文网 (nodejs.cn) 2,初始化vue脚手架: 参考网址:Home | Vue CLI (vuejs.org) 步骤:1.全局安装@vue/cli:·将cmd用管理员权限打开 ·配置国内npm淘宝镜像:npm config set registry https://registry.npm.taobao.org ·输入 npm install -g @vue/cli ·切换到你要创建项目的目录,命令创建项目(如:想要再桌面创建一个vue项目文件): -cd Desktop -Desktop > vue create XXX(文件名字) ? 创建之后会让你选择vue2或vue3 ?babel作用:将ES6的语法转换为ES5 ?eslint作用:进行语言检查 选择后回车,自动创建项目完成! 这时候回到我们桌面,会有一个刚才创建的vue项目的文件夹出现! ? 打开后内容如下:说明你创建成功了一个vue项目文件! 我们用vscode打开它(当然别的编译软件也可以,我比较习惯使用vscode) 用vscode的终端输入:npm run serve? 会出现两个网址 第一个:供自己惊醒浏览 第二个:供局域网内所有人浏览 再打开页面之前我们还需要再浏览器中安装一个扩展工具(Vue.js devtools)可以在Chrome 应用商店的扩展中找的: 安装后打开vue项目是会出现如下: 亮着的一个vue标! ? ?我们ctrl+鼠标左键单击后出现页面如下: ?这是vue自动帮我们生成的基础页面 这时候我们打开我们的开发者工具如下: 再你的vue中出现helloworld,说明你的一切准备工作都做好了! |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/23 11:03:22- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |