Vue2.0—— 搭建Vue脚手架(vue-cli)

给大家介绍下用 Vue2.0 搭建Vue脚手架(vue-cli),在搭建脚手架之前,先做好环境配置。

详细如下:

一、基本环境安装

1、安装node.js

   打开命令行工具,输入node -v ,查看版本号,出现类似下图的版本号说明node.js已安装;

      否则,先下载安装node.js(官网地址:https://nodejs.org/en/

       

      我们所需要的npm包管理器,是集成在node中的,所以,直接输入npm -v 就会如下图所示,显示出npm的版本信息。

       

       

 

2、安装vue:npm install vue

3、全局安装vue-cli:npm install -g vue-cli

 

二、项目搭建

1、使用命令 vue init webpack vue-demo 搭建vue项目, “vue-demo” 是项目名称。

2、初始化完成后,cd vue-demo,启动项目: npm run dev

 

posted @ 2021-07-30 14:19  最初的样子  阅读(238)  评论(0编辑  收藏  举报