发布于2022-12-03 15:26 阅读(444) 评论(0) 点赞(11) 收藏(5)
目录
vue大概内容:
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。下面将演示搭建Vue2的脚手架搭建。
一、npm安装
在用 Vue 构建大型应用时推荐使用 npm安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
打开命令行工具(win+r,然后输入cmd),输入以下代码:
node -v
若出现相应版本号表示已经安装;若没有则安装node.js,从node.js官网(Node.js 中文网)下载并安装node,安装过程很简单,一直“下一步”即可。在官网下载安装node.js后,就已经自带npm 了。
npm配置淘宝镜像源
直接通过npm下载Vue时,下载速度慢,可以通过配置淘宝镜像源,输入以下代码:
npm config set registry https://registry.npm.taobao.org
代码如下(示例):
npm install -g @vue/cli
在命令行输入vue -V,若出现相应的版本号则安装成功。
选择搭建项目的路径,我就放到桌面了(选择路径,在命令行中输入:cd 文件路径)
cd C:\Users\Wang\Desktop
输入:vue create 项目文件名字(我就叫vue了)
vue create vue
通过键盘上下键,选择Vue 2版本,按回车,即开始下载所需文件了。
当出现 Successfully created project vue. 则表示已成功搭建Vue脚手架
在命令行输入:cd vue 选择在vue文件夹下,npm run serve,即可运行项目了
cd vue
npm run serve
点击:http://localhost:8080/ 即可进入vue已为我们搭建好的HelloView
以上就是Vue2.0脚手架的搭建啦。
如果浏览器页面打不开或者是没有加载页面,有可能是本地8080端口被占用,或者是你关闭了这个项目。
在命令行直接按两次 ctrl+c 即可结束项目
作者:强哥你们辛苦了
链接:http://www.qianduanheidong.com/blog/article/459392/bf311b483552e06e2dde/
来源:前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容:(最多支持255个字符)
---无人问津也好,技不如人也罢,你都要试着安静下来,去做自己该做的事,而不是让内心的烦躁、焦虑,坏掉你本来就不多的热情和定力
Copyright © 2018-2021 前端黑洞网 All Rights Reserved 版权所有,并保留所有权利。 京ICP备18063182号-3
投诉与举报,广告合作请联系vgs_info@163.com或QQ3083709327
免责声明:网站文章均由用户上传,仅供读者学习交流使用,禁止用做商业用途。若文章涉及色情,反动,侵权等违法信息,请向我们举报,一经核实我们会立即删除!