vue-cli脚手架安装

1.安准nodejs

查看node版本：node -v
查看npm版本： npm -v

查询NPM管理包路径:
npm config ls

设置包路径
包路径就是npm从远程下载的js包所存放的路径
设置npm前缀路径：
npm config set prefix "D:\nodejs\npm_modules"
设置npm缓存路径：
npm config set cache "D:\nodejs\npm_cache"

备注：
更新npm:
npm install -g npm
执行下面两行代码，清除代理和缓存:
npm config set proxy false
npm cache clean

2.安装cnpm

安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
-- 或者https://registry.npmmirror.com
查看cnpm的版本:
cnpm -v


如果nrm没有安装则需要进行全局安装：
cnpm install -g nrm
查看镜像已经指向taobao:
nrm ls 
切换 镜像:
nrm use XXX

建立软连接
sudo ln -s /opt/node/node-v10.15.1-linux-x64/bin/cnpm /usr/local/bin/cnpm

ps:
  yarn是个包管理器，是facebook发布的一款取代npm的包管理工具
  #npm安装 yarn
  npm install -g yarn

3.安装vue-cli脚手架构建工具

vue-cli 提供一个官方命令行工具，可用于快速搭建大型单页面应用。
输入命令：
cnpm install -g @vue/cli

创建项目，名称不能有大写字母
vue create vue-manage

安装ElementUI
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

按需引入
{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

安装路由
npm i vue-router@3.2.0