Vue2 + webpack 项目实战（一）环境搭建

1 、 准备工作

首先，在开始做项目之前，还是需要把项目的环境搭建好。（我这里是Windows环境）

安装好nodejs 之后，在终端输入命令node -v 会出现相应版本号。就说明安装成功了。



输入npm -v也会有相应版本号出现，npm也已经安装好了。



以上都是全局安装

安装了Node.js 环境。那么就可以开始项目的前期搭建工作了

2 、 vue-cil构建项目

Vue-cli是快速构建这个单页应用的脚手架构建工具。

此时我们需要安装vue-cil。在命令行工具输入命令：

npm install -g vue-cli

ps : 注意是全局安装哦，此命令只需要运行一次就可以了。安装上之后，以后就不需要再次安装了。

关键步骤到了噢

3 、 用Vue-cli构建一个项目

首先，在终端把当前目录定位到准备存放项目的地方。



进入到此目录之后，就新建一个自己的Vue项目

vue init webpack vuewebpack

输入这个命令之后会出现如下的提示



终端里出现的这些命令，不明白什么意思也没关系。一直按回车即可。

此时我们的项目已经构建成功了。并且，给出了下面要执行的命令，我们来逐条执行：

cd vuewebpack
npm run dev

在运行了npm run dev之后，会自动打开一个浏览器窗口，就看到实际的页面效果了。