VueJS – 环境设置（2）-慕源网

安装 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。有两个版本可供使用 – 生产版和开发版。开发版本没有最小化，而生产版本被最小化，如下面的屏幕截图所示。开发版本将有助于在项目开发过程中的警告和调试模式。

我们也可以开始使用 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 开发。

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

npm  install vue

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

npm install --global vue-cli

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

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

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

vue init webpack myproject

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

cd myproject
npm install
npm run dev

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

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