vue脚手架搭建
2018-03-30 09:56
218 查看
前提是安装了node,搭配了node环境 ……………………
第一步安装webpack
打开命令行工具输入:npm install webpack -g,安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。
第二步安装vue-cli安装vue-cli脚手架构建工具,打开命令行工具输入:npm install vue-cli -g,安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。
第三步用vue-cli来构建项目:vue init webpack 项目名称然后就可以了切换到项目目录npm install 安装项目依赖 package.json安装 vue 路由模块 vue-router 和网络请求模块 vue-resource,输入:cnpm install vue-router vue-resource --save。第三步:启动项目 npm run dev
第一步安装webpack
打开命令行工具输入:npm install webpack -g,安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。
第二步安装vue-cli安装vue-cli脚手架构建工具,打开命令行工具输入:npm install vue-cli -g,安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。
第三步用vue-cli来构建项目:vue init webpack 项目名称然后就可以了切换到项目目录npm install 安装项目依赖 package.json安装 vue 路由模块 vue-router 和网络请求模块 vue-resource,输入:cnpm install vue-router vue-resource --save。第三步:启动项目 npm run dev
相关文章推荐
- vue脚手架的搭建及对SPA(单页面开发)的理解
- Vue之使用脚手架搭建Vue工程
- 搭建vue+webpack+mock脚手架(一)
- vue.js开发环境搭建(vue-cli脚手架)
- Vue框架脚手架搭建
- vue-cli脚手架之搭建环境全过程
- vue.js之vue-cli脚手架的搭建详解
- vue脚手架搭建过程图解
- 搭建vue脚手架(vue-cli)完整版 / webpack本地安装
- Vue-cli 脚手架搭建 Vue 项目
- 搭建Vue脚手架(vue-cli)
- vue 项目结构搭建 脚手架的搭建 Vue-cil
- Vue基础及脚手架环境搭建
- Vue新手教程(1)-使用vue-cli脚手架搭建vue环境
- vue-cli脚手架搭建
- Vue 搭建脚手架--vue-cli
- Vue2.0史上最全入坑教程—— 搭建Vue脚手架(vue-cli)
- 详解使用vue脚手架工具搭建vue-webpack项目
- vue-cli简易脚手架搭建
- Vue之脚手架vue-cli的搭建