VUE 安装

发布于：2022-02-09 11:09:16  栏目：技术文档

一，Vue.js简介Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。本文的主要内容是如何在windows10环境下正确安装Vue.js并运行项目。

二，安装的node.js

访问node.js官网https://nodejs.org/en/，下载最新版本node，根据提示安装。安装成功之后，通过运行打开命令行程序的cmd.exe，输入命令

node -v安装成功之后，通过运行打开命令行程序的cmd.exe，输入命令若安装成功，则会显示对应版本号。

在下载的node.js的的同时，计算机会安装npm包管理器，输入命令

npm -v若安装成功，会显示出npm的版本信息

三，安装cnpm

由于使用npm安装插件是从国外服务器上获取的，国内使用会出现下载速度较慢，下载失败等问题，因此我们可以使用npm的国内镜像—cnpm。在cmd.exe中输入命令

npm install cnpm -g —registry=https://registry.npm.taobao.org等待安装完成，我们就可以使用cnpm代替npm管理安装包了。关于cnpm，若想了解更多，请访问淘宝团队官方网址http://npm.taobao.org

四，安装Vue-cli

在cmd.exe中输入命令

npm install -g vue-cli等待完成

五，构建项目

在CMD.EXE中将目录移动至选定目录，即项目创建的位置。在选定目录下输入命令

vue init webpack Vue//Vue为项目文件夹的名称在选定目录下输入命令之后按照提示输入项目名称，描述，作者等信息。创建的项目文件夹如图所示

六，运行项目

将位置移动至项目目录，输入命令

npm installnpm run dev等待加载完成，打开浏览器，输入localhost：8080，若运行成功，则会显示以下页面

相关推荐