Vue.js安装
有勇气的牛排
962
前端
2021-11-06 15:12:23
1 直接CDN引入
< script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
< script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
2 下载和引入
# 开发环境：https://vuejs.org/js/vue.js
# 生产环境：https://vuejs.org/js/vue.min.js
3 NPM安装
通过webpack和CLI的使用
安装vue
npm install --global vue-cli
-global 意思是全局安装 这羊Vue会安装到 安装node 的文件夹下 否则会安装到 当前目录
<h2><a id="1_CDN_0"></a>1 直接CDN引入</h2>
<pre><div class="hljs"><code class="lang-html"><span class="hljs-comment"><!-- 开发环境版本，包含了有帮助的命令行警告 --></span>
< script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
</code></div></pre>
<pre><div class="hljs"><code class="lang-html"><span class="hljs-comment"><!-- 生产环境版本，优化了尺寸和速度 --></span>
< script src="https://cdn.jsdelivr.net/npm/vue@2"><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
</code></div></pre>
<h2><a id="2__11"></a>2 下载和引入</h2>
<pre><div class="hljs"><code class="lang-shell"><span class="hljs-meta"># </span><span class="language-bash">开发环境：https://vuejs.org/js/vue.js</span>
<span class="hljs-meta"># </span><span class="language-bash">生产环境：https://vuejs.org/js/vue.min.js</span>
</code></div></pre>
<h2><a id="3_NPM_18"></a>3 NPM安装</h2>
<p>通过webpack和CLI的使用</p>
<p>安装vue</p>
<pre><code class="lang-powershell">npm install --global vue-cli
</code></pre>
<p>-global 意思是全局安装 这羊Vue会安装到 安装node 的文件夹下 否则会安装到 当前目录</p>
留言