vue 安装

仅作为自己学习的记录。

实践为windows系统的安装。

安装

首先确认node、npm和webpack是否安装。

// 检测 node   node -v  // 检测 npm  npm -v  // 检测 webpack  webpack -v  

出现版本号为已安装。

安装vue的几种方法：

// 全局安装  npm install -g vue-cli  // 淘宝镜像安装  npm install -g cnpm --registry=https://registry.npm.taobao.org/  // 安装完成后检测是否安装成功  vue -V 

创建项目

选择要放项目的文件夹

// 自定义项目  vue init webpack hdsmanage 

项目安装完成，进入自己创建的项目文件夹

// 安装依赖  cnpm install// 启动项目  npm run dev 

如果端口冲突可在config里index.js下修改

配置完成，浏览器会自行启动，实时刷新页面。

按需安装各种组件

// 安装路由  cnpm install vue-router  // 安装sass  cnpm install sass-loader  // 安装node sass  npm install node-sass  // 安装echarts  cnpm install --save vue-echarts-v3  // 安装验证组件  cnpm install vee-validate  // 安装style-loader  npm install stylus-loader css-loader style-loader --save-dev    // 如果stylus安装失败可单独安装  npm install stylus  如使用$api superagent安装： cnpm install superagent -D

打包

// 项目打包  ctrl+c 终止项目  npm run build