一：安装node.js

Node.js官网：https://nodejs.org/en/download/

选择相应的版本即可安装

通过node自带的npm包管理工具

二、安装依赖

安装依赖：npm install

如果国外安装比较慢，可采用国内淘宝镜像安装：npm install -g cnpm --registry=https://registry.npm.taobao.org

安装依赖：cnpm intall

三、安装vue-cli脚手架

全局安装vue-cli脚手架

Mac版本安装： sudo npm install -g vue-cli

Windows 版本安装：npm install -g vue-cli

构建初始化项目：vue init webpack project（创建webpack自动构建project文件目录）

输入命令进入项目： cd project

四、运行项目

运行项目： npm run dev或npm start (又或输入http://localhost:8080)

若有不明白请加群号：复制 695182980 ，也可扫码，希望能帮助到大家。

转载于:https://www.cnblogs.com/CinderellaStory/p/8901358.html

Vue2.0使用vue-cli脚手架搭建相关推荐

猿创征文｜【Vue五分钟】 Vue Cli脚手架创建一个项目
目录前言一.创建项目的操作步骤选择路由模式选择CSS预编译器选择如何存放配置自动下载项目所需的包文件二.启动vue项目 1.项目目录 2.启动项目 3.浏览器打开项目首页界面三.项目的 ...
Vue2.x 核心基础（Vue概述，Vue基本使用，@vue/cli脚手架，Element-UI 的基本使用，Vue模板语法）
1. Vue概述尤雨溪:Vue.js的创建者 2014年2月,Vue.js正式发布 2015年10月27日,正式发布1.0.0 2016年4月27日,发布2.0的预览版本 Vue:渐进式JavaSc ...
【Vue2.0】—Vue脚手架配置代理（二十二）
[Vue2.0]-Vue脚手架配置代理(二十二) 方法一方法二
#VUE CLI 脚手架的安装及初识脚手架（一）
目录 vue cli 安装vue cli cli是什么? 1.CLI英文为Command-Line Interface,翻译为命令行工具,通俗来讲为脚手架. 2.使用vue-cli可以快速搭建Vue开 ...
Vue项目脚手架搭建
Vue项目脚手架搭建 Vue 项目脚手架搭建需要的工具安装NodeJs 安装vue-cli 安装webpack 初始化项目启动项目 Vue 项目脚手架搭建需要的工具 NodeJs vue-cli ...
Vue 全家桶之 vue cli (脚手架)
一.Vue cli 简介 cli --------------------- c : command (命令) l : line ( 行 ) i : interface ( 接口 ) 命令行接口命令 ...
【Vue2.0】—Vue与Component的关系（十二）
[Vue2.0]-Vue与VueComponent的关系(十二) <body><div id="root"><h2>{{name}}</h ...
【Vue2.0】—Vue监视数据的原理（五）
[Vue2.0]-Vue监视数据的原理(五) <body><div id="root"><h1>学生的基本信息</h1><bu ...
【Vue2.0】—Vue中的key有什么作用？（四）
[Vue2.0]-Vue中的key有什么作用?(四) <div id="root"><ul><button @c ...
如何查看vue版本号以及vue/cli脚手架版本号
查看vue版本号方法一:直接在项目的package.json文件,找到dependencies就能看到了方法二:输入命令npm ls vue (或者npm list vue) 查看vue/cli脚 ...

Vue2.0使用vue-cli脚手架搭建

一：安装node.js

二、安装依赖

三、安装vue-cli脚手架

四、运行项目

Vue2.0使用vue-cli脚手架搭建相关推荐

最新文章

热门文章