搭建一个vue项目

一、搭建一个vue项目需要准备工具如下：

      1，安装node

            在cmd中查看是否安装node

              如果没有安装就上node官网下载

2、安装vue脚手架

                        在cmd中查看是否安装vue脚手架

                       如果没有安装的话就在cmd中输入：npm install -g @vue/cli指令进行下载

    快速下载vue脚手架：先安装淘宝镜像：npm install -g --registry=https://registry.npm.taobao.org

                                          在安装脚手架：npm install -g @vue/cli

准备工作已经做完

二、创建vue项目

           1，准备工作已经完成可以开始创建项目了。在你想创建项目的地方shift+鼠标右键，打开PowerShell窗口输入：vue create project--------------------------意思是创建一个叫project的项目

 

如果这一步卡住了原因是：首次在计算机上启动 Windows PowerShell 时，现用执行策略很可能是 Restricted（默认设置）。Restricted 策略不允许任何脚本运行。需要开启运行脚本功能：

按win+x，打开管理员模式的PowerShell窗口中输入：set-ExecutionPolicy RemoteSigned // 开启运行脚本功能【y】/【a】

查看是否更改成功：输入get-executionpolicy，RemoteSigned表示更改成功

更改成功以后就可以返回到原文件夹创建vue项目了

 

 

如果没卡住请往下看

 

2，预设用户使用方向--------------------------------我选的默认第一个

 

3，创建完成以后，再进入project文件夹中

在此文件夹中打开PowerShell，并运行指令：npm run serve，得到项目运行地址

  - Local:   http://localhost:8080/
  - Network: http://192.168.0.112:8080/

复制到浏览器即可

我是上课不听讲，课下查资料的一个有点害羞的大男孩

发布此文是为了记录，也是为了检验，对大家有用就点个赞吧