千家信息网

vue.js怎么下载安装

发表于:2024-11-26 作者:千家信息网编辑
千家信息网最后更新 2024年11月26日,本文小编为大家详细介绍"vue.js怎么下载安装",内容详细,步骤清晰,细节处理妥当,希望这篇"vue.js怎么下载安装"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一、C
千家信息网最后更新 2024年11月26日vue.js怎么下载安装

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

一、CDN

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


二、下载和引入

开发环境:

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

生产环境:

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

三、NPM

npm 则需要大于 3.0 版本,低版本需要升级:

#查看版本$npm -v2.3.0#升级 npmcnpm install npm -g#升级或安装cnpmnpm install cnpm -g

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

# 最新稳定版$ cnpm install vue

命令行工具:

#全局安装vue-cli$cnpm install --global vue-cli#创建一个基于webpack 模板的新项目$vue init webpack my-project#这里需要进行一些配置﹐默认回车即可This will install vue 2.x version of the template.For Vue 1.x use: vue init webpack#1.0 my-project?Project name my-project?Project description A vue.js project?Author runoob ? Vue build standalone?Use ESLint to lint your code? Yes?Pick an ESLint preset Standard?Setup unit tests with Karma + Mocha? Yes?Setup e2e tests with Nightwatch? Yesvue-cli - Generated "my-project".To get started:cd my-projectnpm installnpm run devDocumentation can be found at https://vuejs-templates.github.io/webpack

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

$cd my-project$cnpm installcnpm run devDONE Compiled successfully in 4388ms>Listening at http://localhost:838e

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

0