vue.js怎么下载安装

vue.js怎么下载安装

本文小编为大家详细介绍“vue.js怎么下载安装”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue.js怎么下载安装”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

一、CDN

我们可以通过 CDN 直接引入，你可以选择引入开发环境版本还是生产环境版本

<!--开发环境版本,包含了有帮助的命令行警告--><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>


<!--生产环境版本,优化了尺寸和速度--><scriptsrc="https://cdn.jsdelivr.net/npm/vue"></script>

二、下载和引入

开发环境：

https://vuejs.org/js/vue.js

生产环境：

https://vuejs.org/js/vue.min.js

三、NPM

npm 则需要大于 3.0 版本，低版本需要升级：

#查看版本$npm-v2.3.0#升级npmcnpminstallnpm-g#升级或安装cnpmnpminstallcnpm-g

我们在使用 Vue 去构建大型框架时就会推荐 NPM ：

#最新稳定版$cnpminstallvue

命令行工具：

#全局安装vue-cli$cnpminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#这里需要进行一些配置﹐默认回车即可Thiswillinstallvue2.xversionofthetemplate.ForVue1.xuse:vueinitwebpack#1.0my-project?Projectnamemy-project?ProjectdescriptionAvue.jsproject?Authorrunoob<test@runoob.com>?Vuebuildstandalone?UseESLinttolintyourcode?Yes?PickanESLintpresetStandard?SetupunittestswithKarma+Mocha?Yes?Setupe2etestswithNightwatch?Yesvue-cli-Generated"my-project".Togetstarted:cdmy-projectnpminstallnpmrundevDocumentationcanbefoundathttps://vuejs-templates.github.io/webpack

我们进入该项目安装然后运行：

$cdmy-project$cnpminstallcnpmrundevDONECompiledsuccessfullyin4388ms>Listeningathttp://localhost:838e

读到这里，这篇“vue.js怎么下载安装”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注恰卡编程网行业资讯频道。