뷰 --- 프런트 엔드 프로젝트를 빌드하는 완전한 환경

전제 조건 : 이미 설치 Node.js를하고 VUE-CLI

환경은 다음과 같은 단계를 구축 :

1 설정, 프로젝트 VUE의 초기화 웹팩 [이름]

2, 설치에 따라 (에 설치하는 데 사용)

• 安装 element-ui [npm i element-ui -S]
• 설치 Axios의 : [NPM 설치 Axios의는 --save-DEV]
• 설치 vuex은 : [NPM 설치 vuex --save]
• 安装 이하 : 【덜 덜 로더 --save-dev에 설치 NPM】

3. src-> 자산 작은 새 폴더, 새로운 일반적인 스타일 파일 base.less에서, 단지 정보

html * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
}

a {
  text-decoration: none;
  color: #000;
}

ul ol li {
  list-style: none;
}

s,
i,
em {
  font-style: normal;
  text-decoration: none;
}

img {
  border: none;
  vertical-align: middle;
}

form,
fieldset,
legend,
input {
  border: none;
  outline: none;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/*隐藏*/
.hide {
  display: none;
}

/*版心*/
.w {
  width: 1190px;
  margin: 0 auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

4.의 src main.js 도구 파일의 도입 위에 설치, 일반적인 스타일

이 시점에서 사용할 수있는 환경은 ~ 좋은를 구축