vue开发环境搭建

安装node.js

下载node.js安装包安装。

• 配置缓存

npm config --globalget cache # 查看cache路径

mkdir ~/node_cache

mkdir ~/node_global

npm config --globalset cache “~/node_cache”

npm config --globalset 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 setregistry=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

项目创建

vueinitwebpackmyvue