windows10下安装Vue.js的方法

xiaoxiao2021-02-28  12

一,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 install     npm run dev 等待加载完成,打开浏览器,输入localhost:8080,若运行成功,则会显示以下页面
转载请注明原文地址: https://www.6miu.com/read-1650382.html

最新回复(0)