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)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容