linux下搭建vue开发环境

Posted by bkdwei Posted on 2017年9月4日
Posted in 网页设计
  1. 下载IDE：atom，网址http://atom.io
  2. 配置atom插件。conttol+shift+p，输入install，安装以下插件。atom-beautify,atom-ternjs,autocomplete-html-entities,autocomplete-xml,emmet,javascript-snippets,linter,minimap,pp-markdown,vue2-autocoplete.
  3. 安装npm。
    官网下载node-v8.4.0-linux-x64.tar.xz。解压，复制软链接到用户的bin目录。如下

    ln -s /d/node840/bin/node /usr/local/bin/node；ln -s /d/node840/bin/npm /usr/local/bin/npm；

  4. 使用淘宝npm镜像。
    npm install -g cnpm –registry=https://registry.npm.taobao.org;
    sudo ln -s /d/node840/bin/cnpm /usr/local/bin/cnpm;
  5. 安装vue-cli脚手架。
    cnpm install –global vue-cli;ln -s /d/node840/bin/vue /usr/local/bin/vue
  6. 新建项目
    vue init webpack myFirstVue;
  7. 运行项目
    cd myFirstVue;cnpm install;cnpm run dev;
Author: bkdwei