vue.js怎么下载安装

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

一、CDN

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

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

<!--生产环境版本,优化了尺寸和速度-->
<script src="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 -v
2.3.0
#升级 npm
cnpm install npm -g
#升级或安装cnpm
npm 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 <test@runoob.com>
? 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? Yes
vue-cli - Generated "my-project".
To get started:
cd my-project
npm install
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack

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

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

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