发表于: 2021-04-26 22:19:34

1 1077


今天完成的事情:

vue的安装:

独立版本

在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入


使用 CDN 方法

Staticfile CDN(国内) : https://cdn.staticfile.org/vue/3.0.5/vue.global.js

unpkg:https://unpkg.com/vue@next

cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.js


NPM 方法

# 查看版本

 npm -v

#升级 npm

cnpm install npm -g

# 升级或安装 cnpm

npm install cnpm -g

命令行工具

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用

# 全局安装 vue-cli

 cnpm install -g @vue/cli

# 安装完后查看版本

vue --version

@vue/cli 4.5.11

创建项目

vue init webpack


Vite

Vite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动

全局安装 create-vite-app:

 cnpm i -g create-vite-app

创建项目 runoob-vue3-test2:

 create-vite-app runoob-vue3-test2


vue 如何导入其他模块:

配置 webpack ProvidePlugin 全局引入

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
})


包装成插件在 Vue 中调用 use 方法安装

import echarts from 'echarts'

export default {
  install (Vue) {
    Object.defineProperty(Vue.prototype'$echarts', {
      value: echarts
    })
  }
}



返回列表 返回列表
评论

    分享到