搭建一个干净整洁的vue前端开发环境

vue开发环境搭建

安装node.js

下载node.js安装包安装。

• 配置缓存

  npm config --global get cache # 查看cache路径
  mkdir ~/node_cache
  mkdir ~/node_global
  npm config --global set cache "~/node_cache"
  npm config --global set prefix "~/node_global"
  1
  2
  3
  4
  5

• 报错的【npm WARN config global --global, --local are deprecated. Use --location=global instead.】，您可以使用 –location=global Command 而不是 global –global，–local 已被弃用

  找到npm脚本文件里面的prefix -g替换为prefix --location=global

• 修改镜像

  npm config get registry
  npm config set registry=http://registry.npm.taobao.org
  1
  2

• 查看vue信息

  npm info vue
  1

• 更新npm

  npm install npm -g
  1

• 将~/node_global/node_moudle添加到环境变量NODE_PATH

  echo "export NODE_PATH=~/node_global/node_moudle" >> ~/.bashrc
  1

• 将~/node_global添加到环境变量

  echo "export PATH=$PATH:~/node_global/node_moudle" >> ~/.bashrc
  1

安装vue

• 安装vue

npm install vue -g
1

• 安装vue-router

npm install vue-router -g
1

• 安装vue-cli

npm install vue-cli -g
1

项目创建

vue init webpack myvue
1