vue项目随笔

Posted 2020-10-18 Java,Spring, Html, Vue.js

Vue2.0环境安装

1、 安装Nodejs，地址：https://nodejs.org/en/

　　版本"node": ">= 4.0.0", "npm": ">= 3.0.0", 6以上Node自带npm;

 

　　Npm上的资源会被墙掉 建议使用淘宝镜像cnpm;

　　Npm 安装cnpm;

　　执行命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

　　Cnpm api：http://npm.taobao.org/

2、 安装vue

　　cd 到项目所在文件夹下：vue init webpack 项目名称

　　cd 到项目文件夹下： npm install

　　　　　　　　　　　  npm run dev

　　等待安装成功……。

 

Vue文档：https://cn.vuejs.org/v2/guide/installation.html

vue router 文档：https://router.vuejs.org/zh-cn/

推荐Mint UI 组件：http://mint-ui.github.io/docs/#!/zh-cn2

 

3、引用mint-ui

　　在项目所在根目录下：npm install mint-ui -S

　　然后执行：npm run dev   目的是从新构建，之后就可以引用mint-ui 的样式及组件。

import Vue from ‘vue‘
import App from ‘./App‘
import router from ‘./router‘
import MintUI from ‘mint-ui‘
import ‘mint-ui/lib/style.css‘

Vue.use(MintUI)

/* eslint-disable no-new */
new Vue({
  el: ‘#app‘,
  router,
  template: ‘<App/>‘,
  components: { App }
})