首页 > 编程知识 正文

vue配置跨域代理,npm安装vue

时间:2023-05-06 11:02:14 阅读:40722 作者:642

Vue安装与配置vue是轻量级前端框架,也是当前流行的前端框架之一。 vue安装:

有多种安装vue的方法

直接部署js文件并部署到运行vue的项目中去安装vue.js。

有两个版本。 一个是开发版本,另一个是生产版本根据个人需求下载。

通过参考script标记进行部署

让我给你看一部分内联代码。 在script SCR=' vue.js ' type=' text/JavaScript ' charset=' utf-8 '/script上运行项目,如何查看它是否成功部署呢按F12进入控制台,如果出现这两个信息,则表示项目部署成功。

2 .通过NPM下载

介绍什么是npm。 npm是NodeJS一起安装的软件包管理工具。 由于安装位置为海外服务器,因此网络影响大、速度慢,可能会发生异常。 因此,淘宝镜像的出现解决了这个问题。 我给你下载了淘宝网的东西。 (我把一毛不拔的资源复制下来放在了整个车站。 放在那个服务器上,以便高速下载。 这就是镜像。

npm install时,指定镜像地址或直接使用淘宝的cnpm即可。 npm教程

打开Node.js官网选择相应版本下载即可,建议下载以下版本。 也可以选择以下Other Downloads下载其他版本和Mac版本:

我建议你直接去NEXT。 请不要选择路径。 如果更改了,下一步设置环境变量可能会出现问题。 您可以亲身经历并查看版本,但在其他文件夹中运行时报告错误。 (只是建议。 )

安装到此步骤后,如图所示

安装完成后打开cmd窗口,操作【win R】输入cmd,打开界面

打开后,输入node -v和npm -v以显示版本信息

安装成功后输入npminstallcnpm---- registry=http://registry.NPM.Taobao.org安装淘宝镜像cnpm

然后输入cnpm install vue安装vue

键入cnpm install vue-cli以安装vue-cli。 vue-cli是帮助构建所需模板框架的全球立足点。

vue项目创建vue init webpack Dome (项目文件夹名称)

完成初始化的项目目录的结构如下。

运行项目cnpm run dev

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。