VUE 指令 记录

在nodejs官网 ，下载 nodejs 并且安装  。 

  如果是国内 ： npm install -g cnpm --registry=https://registry.npm.taobao.org

安装  vue   :              cnpm install -g @vue/cli

桥接2.0 版本   ： npm install -g @vue/cli-init

创建 vue 项目 ：      vue create projectname

运行vue 项目 （先 cd projectname) ： cnpm run serve/ npm run serve

1.1安引入3.0 框架 ：     cnpm install --save @vue/composition-api

 并且 拷贝 vue.config.js到根目录

添加

import VueCompositionApi from "@vue/composition-api";

Vue.use(VueCompositionApi);

在 main.js 

1.2装element-ui  :    vue add element 

How do you want to import Element? Fully import
? Do you wish to overwrite Element's SCSS variables? Yes
? Choose the locale you want to load zh-CN

之后会出现 plugins文件夹 --〉element.js文件 

内容为 ： 

import Vue from "vue";

import Element from "element-ui";

import "../element-variables.scss";

Vue.use(Element);

而 main.js中 增加了 

import "./plugins/element.js";

1.3 npm run serve

2.1  引入 axios :    cnpm install axios

2.2 手动添加 

import axios from "axios";

在main.js

2.3 npm  run serve 检验一下

2.4 粘贴 utils文件夹到src目录，内有http.js 及 request.js两个文件

2.5 手动添加 

Vue.prototype.$http = axios;

在main.js

2.6 粘贴 api 文件夹木板 到src根目录

如果是移植的已有项目 

npm install  ： 模块的依赖都被写入了package.json文件后，他人打开项目的根目录（项目开源、内部团队合作），使用npm install命令可以根据dependencies配置安装所有的依赖包

然后运行npm run serve

When you are ready to ship your app to production, run the following:

> npm run build