vue.js + webpack 环境搭建
2016-11-30 21:27
816 查看
1.安装node.js环境。
2.由于npm在很多时候会使用国外的链接镜像,所以在这里我们安装淘宝npm镜像cnpm:
直接输入:
3.安装完成cnpm后,建立一个工作区,存放vue.js项目文件,在cmd环境下进入
4.安装官网的操作步骤,npm操作都使用cnpm来代替,速度很快,如下所示:
# 全局安装 vue-cli$ cnpm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖,走你$ cd my-project$ cnpm install$ npm run dev
5.尤其要注意最后一步是用npm来运行,如果出现报错,原因可能是npm版本过低,这时候使用指令:
$ npm update npm
把npm进行版本升级即可解决
6.经过这几个步骤的折腾,vue.js + webpack 的环境就打搭建好了。
2.由于npm在很多时候会使用国外的链接镜像,所以在这里我们安装淘宝npm镜像cnpm:
直接输入:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org[/code]
3.安装完成cnpm后,建立一个工作区,存放vue.js项目文件,在cmd环境下进入
4.安装官网的操作步骤,npm操作都使用cnpm来代替,速度很快,如下所示:
# 全局安装 vue-cli$ cnpm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖,走你$ cd my-project$ cnpm install$ npm run dev
5.尤其要注意最后一步是用npm来运行,如果出现报错,原因可能是npm版本过低,这时候使用指令:
$ npm update npm
把npm进行版本升级即可解决
6.经过这几个步骤的折腾,vue.js + webpack 的环境就打搭建好了。
相关文章推荐
- Vue.js之环境搭建:nodejs+npm+webpack
- 基于webpack和vue.js搭建开发环境
- 基于webpack和vue.js搭建开发环境(修改文章列子几个小错误)
- 基于webpack和vue.js搭建开发环境
- 详解基于webpack和vue.js搭建开发环境
- vue.js环境搭建(基于webpack和vue.js)
- Vue.js结合webpack开发时,webpack环境的搭建
- 基于webpack和vue.js搭建开发环境
- 用 Webpack 来搭建 Vue.js 的开发环境
- node+webpack环境搭建 vue.js 2.0 基础学习笔记
- vue webpack环境搭建
- windows环境下搭建vue+webpack的开发环境
- 基于webpack和vue.js搭建的H5端框架(其实主要用于Hybrid开发H5端框架,但是依然能够作为纯web端使用)
- vue-loader + Webpack 环境搭建
- express+webpack+vue.js项目搭建
- Vue-webpack环境的搭建及项目的创建
- 搭建vue + webpack项目环境
- vue.js webpack环境配置介绍
- windows下搭建vue+webpack的开发环境
- 基于webpack和vue.js搭建的H5端框架