VueJS – 环境设置(2)

作者 : 慕源网 本文共917个字,预计阅读时间需要3分钟 发布时间: 2021-11-16 共135人阅读

安装 VueJS 的方法有很多。关于如何执行安装的一些方法将在前面讨论。

直接在 HTML 文件中使用 <script> 标签

<html>
   <head>
      <script type = "text/javascript" src = "vue.min.js"></script>
   </head>
   <body></body>
</html>

到VueJS的主页https://vuejs.org/v2/guide/installation.html,根据需要下载vue.js。有两个版本可供使用 – 生产版和开发版。开发版本没有最小化,而生产版本被最小化,如下面的屏幕截图所示。开发版本将有助于在项目开发过程中的警告和调试模式。

VueJS - 环境设置(2)

使用 CDN

我们也可以开始使用 CDN 库中的 VueJS 文件。链接https://unpkg.com/vue将提供最新版本的 VueJS。VueJS 也可以在 jsDelivr ( https://cdn.jsdelivr.net/npm/vue/dist/vue.js ) 和 cdnjs ( https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/ Vue.js)。

如果需要,我们可以在最后托管文件并开始 VueJS 开发。

使用 NPM

对于使用 VueJS 的大型应用程序,建议使用 npm 包进行安装。它带有 Browserify 和 Webpack 以及其他有助于开发的必要工具。以下是使用 npm 安装的命令。

npm  install vue

使用 CLI 命令行

VueJS 还提供了 CLI 来安装 vue 并开始服务器激活。要使用 CLI 安装,我们需要使用以下命令安装 CLI。

npm install --global vue-cli

VueJS - 环境设置(2)

完成后,它会显示 VueJS 的 CLI 版本。安装需要几分钟时间。

+ vue-cli@2.8.2
added 965 packages in 355.414s

以下是使用 Webpack 创建项目的命令。

vue init webpack myproject

VueJS - 环境设置(2)

要开始,请使用以下命令。

cd myproject
npm install
npm run dev

VueJS - 环境设置(2)

VueJS - 环境设置(2)

一旦我们执行 npm run dev,它就会启动服务器并提供显示在浏览器中的 url,如下面的屏幕截图所示。

VueJS - 环境设置(2)

使用 CLI 的项目结构如下所示。

VueJS - 环境设置(2)

 


慕源网 » VueJS – 环境设置(2)

常见问题FAQ

程序仅供学习研究,请勿用于非法用途,不得违反国家法律,否则后果自负,一切法律责任与本站无关。
请仔细阅读以上条款再购买,拍下即代表同意条款并遵守约定,谢谢大家支持理解!

发表评论

开通VIP 享更多特权,建议使用QQ登录