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