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

搭建一个干净整洁的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"

• 报错的【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=registry.npm.taobao

• 查看vue信

  npm info vue

• 更新npm

  npm install npm -g

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

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

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

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

安装vue

• 安装vue

npm install vue -g

• 安装vue-router

npm install vue-router -g

• 安装vue-cli

npm install vue-cli -g 项目创建 vue init webpack myvue