您现在的位置:首页 >> 前端 >> 内容

Vue环境搭建教程

时间:2017/9/7 9:30:00 点击:

  核心提示:安装node.js官网(https://nodejs.cn/)下载node.js安装包node -vnpm -v安装淘宝镜像npm install -g cnpm --registry=https:/...

安装node.js

官网(https://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

Tags:VU UE E环 环境 
作者:网络 来源:kevin_spa的