vue脚手架安装及项目搭建(windows版)
前提是电脑已经安装了你npm命令即node.js
1、终端安装vue命令
$npm install -g vue-cli (如果报错在前面家上sudo,即$sudo npm install -g vue-cli);
a.出现下图则说明安装成功
![](https://img.haomeiwen.com/i12409171/5bc302f294f1581d.png)
b.或者输入 vue -v检测
显示版本号之后则说明成功如:上图的版本为 2.9.3
2.项目搭建
a. cd 项目搭建的文件夹目录,如图
![](https://img.haomeiwen.com/i12409171/cab8eedd2245c5ee.png)
回车
b. 终端命令
$ vue init webpack vueproject
这里的vueproject是vue项目的名称,可以任意,不受限制
依次出现
![](https://img.haomeiwen.com/i12409171/94e8914922bcd28c.png)
前三个直接回车
后面的需要那个模块输入y回车就行
![](https://img.haomeiwen.com/i12409171/a539a7ec971207da.png)
回车
c.如果终端出现
![](https://img.haomeiwen.com/i12409171/144537b0650fad03.png)
说明安装成功
3.现在在我们刚才安装的文件中就会出现一个vueproject文件
4.cd vueproject(打开文件)
5.npm run dev(运行)
网友评论