Vue开发教程

Vue开发教程

vue引用方式

Vue	单文件引用
Vue-cli	组件化开发

vue单文件引用开发

在html中引入vue.js

Vue-Cli组件化开发

• 安装vue-cli

  npm install -g @vue/cli

• 切换路径到工作空间

• 创建一个vue项目

  vue create 项目名

  选择default vue2

• 运行项目

  npm run serve

安装axios

npm install -s axios

安装vue-router

npm i vue-router

安装vuex

npm i vuex

添加vue.config.js

module.exports = {
    // 基本路径
    publicPath: './',
    // 生产环境是否生成 sourceMap 文件
    productionSourceMap: false
}

安装less

npm i less

npm i less-loader

若是启动报错：Syntax Error: TypeError: this.getOptions is not a function

原因： less-loader 版本过高

解决：卸载当前版本，安装7.x版本

// 卸载
npm uninstall --save less-loader
// 安装
npm install less-loader@7.x