如何搭建Vue脚手架

如何搭建Vue脚手架

1、安装nodejs(自带npm)
2、 安装npm install -g cnpm --registry=https://registry.npm.taobao.org

3、全局安装webpack npm install webpack –g
4、 安装vue-cli脚手架构建工具 npm install vue-cli –g

二、 使用vue-cli构建项目
1、准备一个文件夹作为你的工作空间(以后的每个项目都在文件夹下)
如:e:\workspace

2、安装vue脚手架
在工作空间的目录下运行 vue init webpack 项目名称
如何搭建Vue脚手架

3、安装项目依赖
npm install
4、安装 vue 路由模块 vue-router 和网络请求模块 vue-resource

npm install vue-router vue-resource --save
5、 启动项目测试安装是否成功 npm run dev 看到如下画面,说明成功启动,默认端口号是8080
如何搭建Vue脚手架
6、 运行
在地址栏中输入http://localhost:706/# 看到下图,说明成功了。
如何搭建Vue脚手架

vue脚手架构建的项目目录结构
如何搭建Vue脚手架