Vue CLI安装的详细步骤_如何安装vuecli-程序员宅基地
技术标签： vue
Vue CLI安装的详细步骤
为了以后安装方便，写一个具体的步骤。
1.首先，打开vue官网，在生态系统的工具里找到Vue CLI，点击安装，先全局安装，直接打开cmd命令，执行以下命令。（我选的第一个）
2.执行完成后，再执行这个命令，查看版本。
3.如果上面两个都成功了，点击创建一个项目，执行以下命令。如何创建这个项目呢？首先，我们将项目创建在D盘或桌面，然后打开目录，在这个位置敲cmd命令，定位到当前的目录下。注意，一定不要在其他位置随便创建项目。
4.再执行以下这个命令，vue create hello-world，hello-word是你创建的项目名，可以自定义，（但是不要使用驼峰命名）点击回车执行命令。
5.会出现以下的命令，第一个是vue2.x版本，第二个是3.x版本，我选择的是第三个，自己选择配置项。（上下键可以选择）
6.会出现下面的命令，空格可以选择哪一行，我选择图片中的四个命令。
7.因为我现在使用的是2.x版本，所以我选择的是2x。
8.下面是CSS预处理器，我选择的是第一个Sass，比较稳定。
9.这个我选择的是第一个：仅仅是报错的时候执行代码。
10.以下命令，第一个是在服务器报错，第二个是在保存时报错。我选择是第一个。
11.配置文件是放在单独文件里还是package.json里，我选的是第一个，放在单独文件里。
12.要不要保存你刚刚的流程，如果选择Yes，下次就不需要一步步按照这个步骤执行，如果不保存，下次还需要一步步来执行这些步骤。我选择的是No，因为下次构建项目不一定需要这么多依赖包。
13.然后执行我画红色横线的命令，因为我的自定义项目名字是proname,所以出现的是cd proname，进入到我刚刚新建的项目proname，再执行一个项目启动命令，也就是第二个画横线的命令，回车。
14，出现端口，将端口复制粘贴到网页就可以出现你的首页。
如果关闭cmd命令，那么这个页面将会报错，那么如何再次打开这个页面呢？首先将项目拉到你的vscode软件里,打开src里的APP.vue,这里可以查看信息，在项目里点击右键，打开集成终端，输入npm run serve回车，会出现这个网站域名，复制到网站就可以访问vue页面了。
智能推荐
LINUX学习-用C语言实现FTP项目_linux 下c语言开发ftp下载工具-程序员宅基地
文章浏览阅读3.2k次，点赞3次，收藏23次。FTP（File Transfer Protocol，文件传输协议） 是 TCP/IP 协议组中的协议之一。FTP协议包括两个组成部分，其一为FTP服务器，其二为FTP客户端。其中FTP服务器用来存储文件，用户可以使用FTP客户端通过FTP协议访问位于FTP服务器上的资源。在开发网站的时候，通常利用FTP协议把网页或程序传到Web服务器上。此外，由于FTP传输效率非常高，在网络上传输大的文件时，..._linux 下c语言开发ftp下载工具
【小白必胜-xpath】lxml.etree.HTML()，lxml.etree.fromstring()和lxml.etree.tostring()三者的区别与联系_html.fromstring()含义-程序员宅基地
文章浏览阅读3.5k次，点赞5次，收藏30次。对于使用xpath()之前的文档格式化问题，可能不同的人，会遇到不一样的情况，但是基本上只要搞懂了lxml.etree.HTML()，lxml.etree.fromstring()和lxml.etree.tostring()这三者之间的区别和联系，那么文档格式化这一步一定不会有问题……_html.fromstring()含义
Android过渡动画基础使用_gradentdrawable过渡-程序员宅基地
文章浏览阅读2k次。前言Android从API19引入了Transition过渡动画框架，它通过场景Scene概念来表述动画的关键帧，只要提供了开始和结束场景的内容就会自动做动画。过渡动画其实是对属性动画的一种封装，它能够一次对多个对象做动画而不需要特别复杂的配置。除此之外Activity之间的切换效果也可以使用过渡动画来实现。基础使用首先需要定义Scene也就是场景对象，场景其实就是某个事件点所有的..._gradentdrawable过渡
h2ouve工具使用_GitHub - sha310139/Edit_BIOS_Setting_Interface: H2OUVE是使用command修改BIOS設定的工具，此介面結合H2OUVE，對...-程序员宅基地
文章浏览阅读4.7k次。Edit_BIOS_Setting_Interface簡介H2OUVE是個可透過command的方式修改BIOS設定的工具，我們利用Python3撰寫一個簡易的介面，透過H2OUVE去修改BIOS的設定，省去使用者一一下指令並修改設定檔的麻煩。當多台server需套用同一個BIOS設定時，只要先針對一台電腦修改所需的BIOS設定，匯出設定檔後，即可透過deploy kit執行這個程式，讓多台ser..._h2ouve
超时尚的UI电子商务PSD分层模板，临摹学习必备-程序员宅基地
文章浏览阅读124次。用户体验或更准确地说，电子商务用户体验（UX）是所有UI的重要方面，在处理电子商务应用程序时是必需的。当前，电子商务业务变得越来越有竞争力，各种各样的选择使客户忠诚度成为无可挑剔的现象。UX主要是指用户在操作电子商务网站时的体验。UX封装了用户在经营电子商务商店时所经历的一系列印象，包括可访问性，便利性，满意度等。拥有“好”用户体验是指用户可以高效，愉快地满足其需求的情况。此外，用户体验优化与转化化不同。尽管UX优化的重点是满意度，可用性和将其推荐给朋友的热情等指标，但其他形式的优化却着眼于提高
Ubuntu18.04安装Cartographer_error: cannot launch node of type [cartographer_ro-程序员宅基地
文章浏览阅读3.4k次，点赞5次，收藏44次。你好你好#include <iostream>using namespace std;int main(int argc, char* argv[]){ return 0;}_error: cannot launch node of type [cartographer_ros/cartographer_node]: cart
随便推点
RUST——封装的实现_rust 封装-程序员宅基地
文章浏览阅读685次。rust对象封装学习笔记_rust 封装
DSP_TMS320F2802x_CMPSS逐波限流功能实现_dsp逐波限流-程序员宅基地
文章浏览阅读4.6k次，点赞4次，收藏49次。此功能为了使过流时进行单拍电流进行封波设定，实现逐波限流 DAC->COMP->DCEVT->TZ.CBC(1)Comp 设定如下：AIO->COMPGpioCtrlRegs.AIOMUX1.bit.AIO2 = 0; // Configure AIO2 for CMP1A (analog input) operationComp1Regs.COMPCTL.bit.SYNCSEL = 1; // Sync with SYSCLK / use Qualif._dsp逐波限流
对留学最有用的8种英语考试_哪类考试单词到了国外贴合日常使用-程序员宅基地
文章浏览阅读1k次。 1. IELTS 中文通常译作“雅思”，是前往英联邦国家留学或移民参加的一种英语水平考试。考试内容分移民类（Ｇ类）和学术类（Ａ类），包括听、说、读、写四部分。Ｇ类与Ａ类只在阅读和写作两个单项上有区别，考试形式为笔试，满分为9分，中国学生的成绩集中于4－７分之间。英语全称： International English Language Testing System 考试时间： 16_哪类考试单词到了国外贴合日常使用
C++ map的常用用法（超详细）(*^ｰ^)人(^ｰ^*)_c++ map用法-程序员宅基地
文章浏览阅读3.8w次，点赞146次，收藏735次。map常用操作详细讲解_c++ map用法
EmEditor 主题 Minimal_emeditor主题-程序员宅基地
文章浏览阅读3.5k次。本风格源自MinimalZen风格修改，存为Minimal.eetheme，在EmEditor导入后选中即可。工具 => 所有配置属性 => 显示 => 主题 => 导入 => 是否移除旧主题，选“否” => 下来选择 Minimal 主题 => 确定[Minimal]MaxFind=3Normal=#a9b7c6,#2b2b2b,normal..._emeditor主题
C++学习笔记——C＋＋中四个点代表什么意思？_c++四个点什么意思-程序员宅基地
文章浏览阅读8k次，点赞5次，收藏6次。问：C＋＋中四个点代表什么意思? 答： 表示类的成员。（你说的是两个冒号“：”吧） 如类CA中有成员int a; 则：CA::a表示CA类中的成员a; 举个例子： class CA { int a; int b(); }; 那么：函数int b();的定义就必须是这样的： int CA::b() { //… }..._c++四个点什么意思