Vue项目搭建攻略

安装

• 安装vue-cli、webpack

npm i -g vue-cli webpack 

• 构建项目

cd workspace
vue init webpack item

• 安装依赖

cd item
npm i
npm run dev  //使用localhost:8080端口打开项目，安装完成

安装第三方工具

• 安装scss/sass loader

npm i -D node-sass sass-loader

• 配置loader

      {
        test: /\.scss$/,
        loader: 'style!css!sass'
      },

• 使用scss/sass

<style scoped lang="scss" rel="stylesheet/scss">
//  使用scss
</style>

• 安装Mint-ui, 并在main.js中使用

npm i -S Mint-ui

main.js

import Mint from 'mint-ui'
Vue.use(Mint)

• 安装vue-axios, 并在main.js中使用

npm i -S axios vue-axios

main.js

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)