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怎么下载安装”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注恰卡编程网行业资讯频道。
推荐阅读
-
Vue.js组件是什么
Vue.js组件是什么这篇文章给大家分享的是有关Vue.js组件是...
-
Vue.js响应式数据如何实现
Vue.js响应式数据如何实现小编给大家分享一下Vue.js响应式...
-
怎么将Vue.js应用程序与Drupal做一个集成
怎么将Vue.js应用程序与Drupal做一个集成本文小编为大家详...
-
Vue.js双向绑定的方法是什么
Vue.js双向绑定的方法是什么本篇内容主要讲解“Vue.js双向...
-
Vue.js组件化怎么实现
Vue.js组件化怎么实现本文小编为大家详细介绍“Vue.js组件...
-
vue.js跨域问题如何解决
vue.js跨域问题如何解决本文小编为大家详细介绍“vue.js跨...
-
Vue3中怎么用WeakMap作为缓存区
Vue3中怎么用WeakMap作为缓存区这篇文章主要介绍“Vue3...
-
如何使用Vue.js和MJML创建响应式电子邮件
本篇内容介绍了“如何使用Vue.js和MJML创建响应式电子邮件”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接...
-
怎么在Vue.js中引入图片路径
今天就跟大家聊聊有关怎么在Vue.js中引入图片路径,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家...
-
使用Vue.js怎么实现一个可排序的表格组件
这期内容当中小编将会给大家带来有关使用Vue.js怎么实现一个可排序的表格组件,文章内容丰富且以专业的角度为大家分析和叙述,阅读完...