Vue.js 3移动应用开发实战
上QQ阅读APP看书,第一时间看更新

1.6.1 安装Vue

Vue可以通过四种方式来实现安装,下面依次讲解。

(1)第一种是下载JavaScript文件并自行托管,直接引用Vue.js文件。在Vue.js官网上直接下载Vue.js源文件,然后创建一个.html文件,再通过如下方式引入Vue,即在页面中直接利用script标签引入。

    <script src=”./vue.js”></script>

(2)第二种是使用CDN方法,在BootCDN官网(https://www.bootcdn.cn/)中直接在搜索框输入“vue”搜索,复制对应的地址放入HTML页面中引入即可。

    <script src="https://unpkg.com/vue@next"></script>

(3)第三种是利用npm方法进行包的安装,这种安装方式对于利用Vue.js来构建大型应用时是非常推荐使用的。

    # 最新稳定版
    $ npm install vue@next

(4)第四种是使用官方的命令行工具CLI来构建一个单页面项目。首先全局安装Vue-cli脚手架构建工具,在终端命令行中输入以下命令,等待安装完成。

    npm install -g vue-cli
    // 或者
    yarn global add @vue/cli