如何从零开始搭建一个vue-webpack项目

时间:2021-10-31 08:53:25

1.从Node.js官网下载node安装包进行安装。

http://nodejs.cn/download/

安装完成后在cmd中输入node -v 查看node.js版本号,npm -v 查看npm版本号;

npm是node的一个包管理器

2.安装vue-cli

vue-cli是vue的一个脚手架工具,可以帮助你搭建一个完整的vue项目

使用 npm install vue-cli -g 进行安装

-g为全局安装

3.使用cmd进入到自己的vue工作空间,这里以vue-workspace为例。

初始化一个vue项目:vue init webpack vue-demo

一路yes,初学者可不使用Eslint

4.运行项目

使用npm start 运行项目,在浏览器中localhost://8080打开。