当前位置：首页 > 学电脑 > vue2脚手架搭建项目(vue脚手架2创建项目)

vue2脚手架搭建项目(vue脚手架2创建项目)

作者：电脑培训网 2024-05-04 00:36:21 852

Vue2.0脚手架目录

前言

vue2脚手架搭建项目(vue脚手架2创建项目)

1.npm安装

2.搭建脚手架

1.安装脚手架vue-cli

2.构建项目

前言

vue大概内容：

Vue是一个用于构建用户界面的渐进式框架。与其他大型框架不同，Vue被设计为自下而上逐层应用。Vue的核心库只关注视图层，不仅易于上手，而且易于与第三方库或现有项目集成。另一方面，当与现代工具链和各种支持库相结合时，Vue完全有能力为复杂的单页面应用程序提供驱动程序。下面将演示Vue2的脚手架。

1.npm安装

使用Vue构建大型应用程序时建议使用npm安装。NPM与webpack或Browserify等模块捆绑器配合得很好。同时，Vue还提供了开发单文件组件的配套工具。

打开命令行工具，输入以下代码：

节点-v

如果出现对应的版本号，则表示已经安装；如果没有，请安装node.js。从node.js官网下载并安装node。安装过程非常简单，直接“下一步”即可。从官网下载并安装node.js后，npm已经包含在内。

npm配置淘宝镜像源

直接通过npm下载Vue时，下载速度慢。可以配置淘宝镜像源，输入以下代码：

npm配置集注册表

二、搭建脚手架

1.安装脚手架vue-cli

代码如下：

npminstall-g@vue/cli

在命令行输入vue-V。如果出现对应的版本号则说明安装成功。

2.搭建项目

选择构建项目的路径并放到桌面上

cdC:\Users\Wang\Desktop

输入：vue创建项目文件名

vue创建vue

使用键盘上下键选择Vue2版本，按回车开始下载所需文件。

当成功创建vue项目时出现，说明Vue脚手架搭建成功。

命令行输入：cdvue选择vue文件夹，npmrunserve运行项目

光盘

npm运行服务

点击：即可进入vue为我们构建的HelloView

以上就是Vue2.0脚手架的搭建。

如果浏览器页面打不开或者页面加载不出来，有可能是本地8080端口被占用，或者你关闭了项目。

只需在命令行中按两次ctrl+c即可结束项目

相关推荐

  • 最新发布

热门推荐

猜你喜欢