Vue搭建项目(Day1)搭建脚手架Vue-cli

一、环境安装

  要搭建vue-cli需要先在本机有node和npm的环境。

  进入node官网下载node.js然后安装在本地，安装成功后npm也会自动安装成功。如何查看是否安装了呢?打开控制台在上面输入node -v 查看node版本号，输入npm -v查看npm版本号。如出现版本号则证明已经安装成功，如下图:

二、创建vue-cli项目

  安装vue-cli环境，在命令行里输入以下命令（全局安装）：

$ npm install -g vue-cli

  安装完成之后再全局安装webpack打包工具：

$ npm install webpack -g

安装成功之后用命令行创建一个文件夹或者cd进入事先准备好的文件夹里,开始安装（创建一个名字叫myProject的项目）:

$ vue init webpack myProject

然后根据提示一路操作：

安装完成之后根据提示安装依赖运行：

npm install

npm run dev

网页上输入localhost:8080即可看见自动生成的模板。