用vue-cli构建vue项目

1. 首先安装node.js。
   https://nodejs.org/en/download/
   打开官网下载软件，选择安装即可，因为我们需要利用node.js提供的npm包管理工具来安装vue-cli。

2. 全局安装vue-cli。

 npm install -g vue-cli  

3. 全局安装webpack。

npm install -g webpack 

4. 利用vue-cli在目录地址生成基于webpack 名为"xiami"的文件及目录。

vue init webpack xiami 

Paste_Image.png

5. 进入项目目录，安装项目所依赖的包文件。

cd xiami  //进入xiami目录
npm install   //安装依赖包

Paste_Image.png

6. 利用本地node服务器打开项目页面。

npm run dev

Paste_Image.png