vue安装与卸载

发布时间:2021-10-21沉默小管-技术博客 vue安装与卸载 558 1
原文地址: https://www.php-china.com//detail/31
<p class="MsoNormal">
	<span style="font-family:Calibri;"><strong><span style="font-size:16px;line-height:1;">vue</span></strong><span style="font-size:16px;line-height:1;"> <strong>安装及配置</strong></span></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">首先下载</span><span style="line-height:1;">node.js</span><span style="line-height:1;">要求版本在</span><span style="line-height:1;">8.9</span><span style="line-height:1;">以上</span><span style="line-height:1;">&nbsp; &nbsp; &nbsp; &nbsp; </span><span style="line-height:1;">官网：</span></span><a href="https://links.jianshu.com/go?to=https://nodejs.org/zh-cn/"><u><span class="15" style="font-family:Calibri;color:#0000FF;line-height:1;">https://nodejs.org/zh-cn/</span></u></a><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">下载完可检查在</span><span style="line-height:1;">windows</span><span style="line-height:1;">任务命令行里输入</span><span style="line-height:1;">node -v</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">使用淘宝</span><span style="line-height:1;">NPM</span><span style="line-height:1;">镜像源下载比较快</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">命令：</span><span style="line-height:1;">npm install -g cnpm --registry=</span></span><a href="https://links.jianshu.com/go?to=https://registry.npm.taobao.org/"><u><span class="15" style="font-family:Calibri;color:#0000FF;line-height:1;">https://registry.npm.taobao.org</span></u></a><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">安装</span><span style="line-height:1;">vue-cli</span><span style="line-height:1;">（全局安装</span><span style="line-height:1;">vue-cli</span><span style="line-height:1;">）</span><span style="line-height:1;">&nbsp; &nbsp; </span><span style="line-height:1;">命令：</span><span style="line-height:1;">cnpm install vue-cli -g</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">检查环境是否安装上：</span><span style="line-height:1;">vue -V</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">创建</span><span style="line-height:1;">vue</span><span style="line-height:1;">项目：</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">在命令行里输入命令：</span><span style="line-height:1;">vue init webpack vue_demo</span><span style="line-height:1;">（创建名字为</span><span style="line-height:1;">‘vue_demo’</span><span style="line-height:1;">的文件夹）</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">&nbsp;</span><span style="line-height:1;">然后进入此文件夹：</span><span style="line-height:1;">cd vue_demo</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">&nbsp;</span><span style="line-height:1;">然后手动下载：</span><span style="line-height:1;">cnpm install</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">最后运行程序：</span><span style="line-height:1;">npm run dev&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span style="line-height:1;">运行之后会导出网址：</span><span style="line-height:1;">http://localhost:8080</span></span><span style="font-family:Calibri;font-size:10.5000pt;"></span> 
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5pt;line-height:1;"><span style="line-height:1;">在网页上输入上面的网址即可</span></span> 
</p>
<p class="MsoNormal">
	<br />
</p>
<p class="MsoNormal">
	<span style="font-family:Calibri;font-size:10.5000pt;"><span></span></span> 
</p>
<p>
	<b><span style="font-size:16px;line-height:1;">脚手架</span><span style="font-size:16px;line-height:1;">2</span><span style="font-size:16px;line-height:1;">和</span><span style="font-size:16px;line-height:1;">3</span><span style="font-size:16px;line-height:1;">的创建文件的区别</span></b>
</p>
<p>
	<strong><span style="line-height:1;">查看版本</span></strong> 
</p>
<p>
	<br />
</p>
<p>
	<b><span style="font-size:16px;"> </span></b> 
</p>
<p class="MsoNormal">
	<b><span style="font-size:14px;"> </span></b> 
</p>
<p class="MsoNormal">
	<em><span style="line-height:1;">Vue-cli2初始化项目</span></em> 
</p>
<p class="MsoNormal">
	<em><span style="line-height:1;">Vue init webpack 项目名</span></em> 
</p>
<p class="MsoNormal">
	<em><br />
</em> 
</p>
<p class="MsoNormal">
	<br />
</p>
<p class="MsoNormal">
	<em><span style="line-height:1;">Vue-cli3初始化项目</span></em> 
</p>
<p class="MsoNormal">
	<em><span style="line-height:1;">Vue create 项目名</span></em> 
</p>
<p class="MsoNormal">
	<span style="font-size:14px;"></span> 
</p>
<em> 
<p class="MsoNormal">
	<span style="line-height:1;">Vue --version </span><span style="line-height:1;">或者 </span><span style="line-height:1;">vue -V</span>
</p>
</em>