前言

vue大概内容：

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

一、npm安装

在用 Vue 构建大型应用时推荐使用 npm安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。

打开命令行工具（win+r，然后输入cmd），输入以下代码：

node -v

若出现相应版本号表示已经安装；若没有则安装node.js,从node.js官网（Node.js 中文网）下载并安装node,安装过程很简单，一直“下一步”即可。在官网下载安装node.js后，就已经自带npm 了。

npm配置淘宝镜像源

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

npm config set registry https://registry.npm.taobao.org

二、搭建脚手架

1.安装脚手架vue-cli

代码如下（示例）：

npm install -g @vue/cli

在命令行输入vue -V，若出现相应的版本号则安装成功。

2.搭建项目

选择搭建项目的路径，我就放到桌面了（选择路径，在命令行中输入：cd 文件路径）

cd C:\Users\Wang\Desktop

输入：vue create 项目文件名字（我就叫vue了）

vue create vue

通过键盘上下键，选择Vue 2版本，按回车，即开始下载所需文件了。

当出现 Successfully created project vue. 则表示已成功搭建Vue脚手架

在命令行输入：cd vue 选择在vue文件夹下，npm run serve，即可运行项目了

cd vue

npm run serve

点击：http://localhost:8080/ 即可进入vue已为我们搭建好的HelloView

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

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

在命令行直接按两次 ctrl+c 即可结束项目

Vue2.0搭建脚手架（vue-cli）相关推荐

VUE学习-脚手架vue cli（六）
一.脚手架vue cli 官网文档:https://cli.vuejs.org/zh/guide/ A)安装vue/cli 1.使用以下命令安装: npm install -g @vue/cli # ...
Vue2.0 --- vue-cli脚手架中全局引入JQ
第一步:安装jQuery npm/cmpn方式安装(默认安装1.7.X版本的JQ) npm/cnpm install jQuery 如果想安装更高版本的JQ那么可以选择在package.json文件下 ...
专访尤雨溪：先别管4.0了，Vue CLI重构了解一下
\ 上个月,Vue CLI 3.0 正式发布,为很多开发者带来期待已久的新特性,尤雨溪也说 Vue CLI 3.0 经历了重构,旨在尽可能减少现代前端工具在配置上的烦恼,并尽可能在工具链中加入最佳实践 ...
VUE2.0搭建H5项目
1.搭建VUE2.0项目 vue create '项目名' 2.安装flexible插件(适配移动端插件) npm install lib-flexible -S 2.1 在main.js中引入fle ...
【Vue】脚手架 Vue CLI 的使用
安装脚手架 npm install @vue/cli -g 脚手架2npm install @vue/cli-init -g 脚手架2初始化项目:vue init webpack my-project
vue2.0搭建vue手脚架（vue-cli）
1.安装node.js 从node官网下载并安装node,安装步骤很简单,只要一路"next"就可以了. 安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应版本 ...
如何利用webpack4.0搭建一个vue项目
作为一个初学者,记录自己踩过的坑是个好的习惯.我本身比较懒,这里刚好有时间把自己的搭建过程记录一下这里是参考文章 https://www.jianshu.com/p/1fc5b5151abf 文 ...
Vue2.0开发之——Vue基础用法-事件绑定$event(20)
一概述事件参数对象 $event表示事件参数对象event 事件修饰符二事件参数对象 2.1 说明在原生的 DOM 事件绑定中,可以在事件处理函数的形参处,接收事件参数对象 event 2. ...
Vue2.0开发之——Vue基础用法-axios(29)
一概述 axios-使用axios发起基本的Get请求 axios-结合async和await调用axios axios-使用解构赋值 axios-基于axios.get和axios.post发起请 ...
Vue2.0开发之——Vue基础用法-内容渲染指令(16)
一概述指令的概念内容渲染指令介绍二指令的概念指令(Directives)是vue为开发者提供的模板语法,用于辅助开发者渲染页面的基本结构 vue中的指令按照不同的用途,可以分为如下6大类 ...

Vue2.0搭建脚手架（vue-cli）

前言

二、搭建脚手架

1.安装脚手架vue-cli

2.搭建项目

Vue2.0搭建脚手架（vue-cli）相关推荐

最新文章

热门文章