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=http://registry.npm.taobao.org
• 查看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