【搭建vue项目】

一.下载并安装node.js

1.node.js下载

	下载地址：http://nodejs.cn/download/

这里根据自己操作系统选择对应的安装包下载
我这儿就用Windows64位演示了

2.安装

安装包下载好之后打开

勾选上I accept…，点击next

选择存放路径，点击next

这里选择默认的就行，点击next

直接点击next

点击install安装

等待它安装完成

安装完成点击finish

二.配置环境变量

1.打开电脑的系统信息选择高级系统设置

2.在弹出的对话框中点击环境变量

3.在系统变量里找到path然后双击打开或点击编辑

4.找到node.js的安装位置，将路径复制

5.在编辑环境变量对话框中点击新建，将刚复制到的路径粘贴上，点击确定

6.检测是否安装成功

win+r打开运行对话框输入cmd回车打开命令提示符窗口

输入命令

node -v

显示出node.js的版本号
输入一下命令检测npm是否可用

npm -v

至此，环境变量配置完成

三.创建vue脚手架

1.去到需要创建的vue项目所在文件夹下（建议建一个vue的工作空间，用来存放vue项目）按住shift键打开powershell窗口（win11的直接右击打开终端即可）

2.打开命令窗口后执行以下操作

（1）.检测node和npm是否安装到位

node -v

npm -v

分别能显示出安装的版本号即可

（2）.安装国内淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

由于我这儿已经安装过了，就先不安装了
安装成功后检测命令

cnpm -v

（3）.安装vue（如果使用脚手架可以不用安装）

npm install vue

执行后再项目文件夹下回出现以下文件

（4）.安装vue-cli脚手架

npm install --global vue-cli

执行这个命令后会自动安装到C盘，这样在以后就不需要再次安装了

（5）.创建vue脚手架

vue init webpack myvue

(myvue)是自己的项目名字，这里一路回车即可，出现以下内容即创建完成

注：这里需要下载很多东西，所以会花费一点时间，有些时候可能因为各种原因到时下载失败，下载失败后先看一下自己的项目文件夹创建好没有，若果没有就重新执行此命令即可，如果有就看一下项目文件夹下有没有一个叫node_modules的文件夹，如果没有（一般是没有的）就先进入项目目录运行命令

cd myvue（进入项目目录）
cnpm install

（6）.启动项目

在进入项目目录后执行命令

npm run dev

出现以下内容即为启动成功

将这个地址复制到浏览器回车即可打开

到这一步整个vue项目的搭建就OK了