卸载node和npm

  1. 自带卸载工具
    yum remove nodejs npm -y
  2. 手动删除残留
    • 进入 /usr/local/lib```` 删除所有 node node_modules ```文件夹
    • 进入/usr/local/include 删除所有 nodenode_modules 文件夹
  • 进入 /usr/local/bin 删除 node 的可执行文件nodenpm

  • 检查 ~ 文件夹里面的local lib nclude文件夹,然后删除里面的所有 nodenode_modules文件夹

安装node和npm

  1. 源码安装
    wget https://nodejs.org/dist/v8.11.2/node-v8.11.2-linux-x64.tar.xz

  2. ***.tar.xz格式文件需要两部解压步骤
    xz -d node-v8.11.2-linux-x64.tar.xz
    tar -xvf node-v8.11.2-linux-x64.tar

  3. 配置环境目录 ln -s /usr/local/node/node-v8.11.2-linux-x64/bin/node /usr/local/bin/node ln -s /usr/local/node/node-v8.11.2-linux-x64/bin/npm /usr/local/bin/npm

  4. npm淘宝镜像

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    ln -s /usr/local/node/node-v8.11.2-linux-x64/bin/cnpm /usr/local/bin/cnpm
  5. 安装vue-cli
    npm install -g vue-cli或者cnpm install -g vue-cli

    ln -s /usr/local/node/node-v8.11.2-linux-x64/bin/cnpm /usr/local/bin/cnpm
  6. 选择模板
    vue init <template-name> <project-name>

    • 查看模板 vue list 包括:
    • browserify–全功能的Browserify + vueify,包括热加载,静态检测,单元测试
    • browserify-simple–一个简易的Browserify + vueify,以便于快速开始
    • webpack–全功能的Webpack + vueify,包括热加载,静态检测,单元测试
    • webpack-simple–一个简易的Webpack + vueify,以便于快速开始。
    • simple - 单个HTML文件中最简单的Vue设置

具体安装:

vue init webpack vue-todos

7.配置 vue-todos

  • 在 package.sjon的dev中增加--disableHostCheck=true
  • 生产环境config/index.js中修改运行ip和端口,开发环境随便修改host会报错
    1. 运行
      cd vue-todos
      npm install
      npm run dev