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

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.使用命令行进入到自己的vue工作空间，这里以vue-workspace为例。

 

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

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

4.运行项目

 

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