Vue环境搭建教程

安装node.js

官网(http://nodejs.cn/)下载node.js安装包

node -v

npm -v

安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue脚手架

cnpm/npm install vue-cli -g

安装webpack

cnpm/npm install webpack -g

初始化项目

vue init webpack 项目名字

安装项目依赖 (添加依赖或者删除时，须重新安装)

npm install

运行开发环境

npm run dev

运行运营环境

npm run build

看到VUE首页，安装成功!

插件安装：

路由模块安装

npm install vue-router --save -- 路由跳转配置

npm install vue-resource --save

npm install element-ui -S -- Element 组件

npm install axios -S --完成 ajax 请求

npm install vuex -S --定义全局参数，组件间传递

npm install stylus -S --css

npm install stylus-loader -S --css

npm install vuex --save

npm install --save axios

cnpm install 模块名 --save-dev(关于环境的，表现为npm run dev 启动不了)

cnpm install 模块名 --save(关于项目的，比如main.js，表现为npm run dev 成功之后控制台报错)

更新vue-cli

npm update vue-cli

查看vue-cli

npm view vue-cli