博客列表 >VUE 安装

VUE 安装

大瓶可乐
大瓶可乐原创
2022年02月08日 13:07:58988浏览

一,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,若运行成功,则会显示以下页面

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议