利用vue-cli快速搭建项目

如何利用官方的脚手架工具构建vue项目

1. 首先要安装node.js
2. 利用nodejs里面的安装包管理工具npm
3. 安装脚手架工具vue-cli

$ npm install -g vue-cli            //全局安装vue-cli

$ vue init webpack projectName     //生成projectName为项目名的模板,这个名字可以自己写

$ cd projectName

$ npm install        //初始化安装npm

$

以上方法就可以在电脑上看到为projectName名字的文件夹

4.运行这个项目

$ npm run dev            //运行vue项目

以上步骤在浏览器中输入：http://localhost:8080 //就可以访问首页了

想要在服务器上面运行

$ npm run bulid