windows10下安装Vue.js的方法

刺骨的言语ヽ痛彻心扉 2022-06-01 11:53 146阅读 0赞

#### 一，Vue.js简介 ####

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

本文的主要内容是如何在windows10环境下正确安装Vue.js并运行项目。

#### **二，安装的node.js** ####

访问node.js官网[https://nodejs.org/en/][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][http_npm.taobao.org]

#### **四，安装Vue-cli** ####

在cmd.exe中输入命令

npm install -g vue-cli

等待完成

#### **五，构建项目** ####

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

在选定目录下输入命令

vue init webpack Vue//Vue为项目文件夹的名称

在选定目录下输入命令之后按照提示输入项目名称，描述，作者等信息。

创建的项目文件夹如图所示

![SouthEast][]

#### **六，运行项目** ####

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

npm install

npm run dev

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

![SouthEast 1][]

[https_nodejs.org_en]: https://nodejs.org/en/
[http_npm.taobao.org]: http://npm.taobao.org
[SouthEast]: /images/20220601/546bc7de90ff4f968ca33f10a1820870.png
[SouthEast 1]: /images/20220601/72ce88107ecf48b29a08a859c9b39168.png

发表评论取消回复

表情：

评论列表（有 0 条评论，146人围观）

还没有评论，来说两句吧...

相关阅读

相关【vueJs】windows下安装搭建vueJS开发环境

一、简介 Vue.js 是什么 Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量

悠悠/ 2022年06月15日 03:17/ 0 赞/ 250 阅读

相关 windows10下安装Vue.js的方法

一，Vue.js简介 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自

刺骨的言语ヽ痛彻心扉/ 2022年06月01日 11:53/ 0 赞/ 147 阅读

相关 Windows10下安装Git

Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。具体安装步骤如下：第一步：先从官网下载最新版本的Git 官网地址：[https:/

ゝ一世哀愁。/ 2022年05月23日 07:17/ 0 赞/ 208 阅读

相关 Windows10下安装TortoiseSVN

下载TortoiseSVN 安装包：TortoiseSVN-1.10.0.28176-x64-svn-1.10.0.msi 中文汉化包：LanguagePack\_1

小鱼儿/ 2022年05月23日 03:53/ 0 赞/ 226 阅读

相关 Windows10下安装TortoiseGit

Git的使用越来越广泛，使用命令比较麻烦。TortoiseGit是一款优秀的Windows下的Git可视化图形客户端，有了TortoiseGit就可以方便地管理Git，不需要打

骑猪看日落/ 2022年05月22日 00:13/ 0 赞/ 249 阅读

相关 Windows10下安装Mysql

下载地址：[https://dev.mysql.com/downloads/windows/installer/5.7.html][https_dev.mysql.com_do

╰+哭是因爲堅強的太久メ/ 2022年05月19日 10:38/ 0 赞/ 302 阅读

相关 windows10下安装dlib

很多时候，安装python库会遇到pip install 安装不了的情况重点内容。将收集到的文件做个总结，便于大家参考 note：根据相关的python版本进行对应d

喜欢ヅ旅行/ 2022年05月18日 06:47/ 0 赞/ 249 阅读

相关 Windows10下安装Docker

Docker简介 Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚

淩亂°似流年/ 2022年05月03日 02:26/ 0 赞/ 395 阅读

相关 windows10下redis安装

1.redis下载链接 [redis下载链接][redis]：下载64位 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_te

骑猪看日落/ 2022年03月10日 15:44/ 0 赞/ 271 阅读

相关 Windows10下Docker安装

一、Docker概述 1.1 Docker简述 Docker是一个开源的应用窗口引擎，它让开发者能够打包他们的应用以及依赖包到一个可移植的窗口中，

Dear 丶/ 2022年01月30日 01:51/ 0 赞/ 425 阅读