VueJS - 环境设置

首页 / VueJs / Environment Setup

有很多安装VueJS的方法。前面讨论了如何进行安装的一些方法。

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。有两个版本可供使用-生产版本(Production Version)和开发版本(Development Version)。开发版本将在项目开发期间提供警告和调试模式。

Installation

使用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 )。

使用NPM

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

npm  install vue

CLI命令行

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

链接:https://www.learnfk.com/vuejs/vuejs-environment-setup.html

来源:LearnFk无涯教程网

npm install --global vue-cli
CLI Command Line

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

+ vue-[email protected].8.2
added 965 packages in 355.414s

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

无涯教程网

vue init webpack myproject
Select Command Prompt

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

cd myproject
npm install
npm run dev
Command Prompt NPM

一旦执行npm run dev,它将启动服务器并提供URL,以便在浏览器中显示该URL,如以下屏幕图所示。

Welcome to VueJS

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

CLI

VueJs目录

  • Vue3.0 从入门到放弃
  • 这一章《VueJS - 环境设置》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持,感谢!😊

    相关文章

    微服务架构实战160讲 -〔杨波 - 171讲〕

    动态规划面试宝典 -〔卢誉声 - 23讲〕

    体验设计案例课 -〔炒炒 - 32讲〕

    徐昊·TDD项目实战70讲 -〔徐昊 - 70讲〕

    带有 Vue 3 的 Vue 路由引发错误“Uncaught TypeError: Object(.....

    错误:找不到模块“vue-loader-v16/package.json”

    Vue 单元测试:“您正在开发模式下运行 Vue”?

    为什么不先移动鼠标就无法滚动视差?

    使用 vue-cli 找不到模块“./src/data”

    Nuxt.js 中的开发工具样式编辑问题

    视频推荐〔VueJs - 07-(理解)vue-router-router和route的由来〕

    更多视频 »
    好记忆不如烂笔头。留下你的足迹吧 :)