搭建一个干净的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=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

你可能感兴趣的:(搭建一个干净的vue开发环境)