使用脚手架搭建第一个 VUE 项目

前提：确保node.js已安装

• 打开cmd 输入下面的命令查看node.js是否成功安装：（npm是一起安装的）

node -v
npm -v

开始搭建

点击Terminal（终端）菜单，搭建

1. 点击Terminal（终端）菜单，选择new Terminal，创建一个命令行终端窗口，然后切换到对应的准备存放代码的目录。

   
   
   切换到对应的 准备存放代码的 目录
2. 执行命令，创建Vue项目：

vue init webpack your's pojoName
eg:
vue init webpack myVue

3. 提示：
   vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。

   
   
   执行失败
4. 解决办法

• 原因：主要问题还是你的终端（也就是你的nodemon命令执行的地方没有这个环境）。
• 解决方法：

  1. 设置全局的nodemon，在终端执行：
     npm install -g nodemon。

  2. 以管理员身份运行PowerShell；执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的；执行：set-ExecutionPolicy RemoteSigned，选择Y。
     以上步骤就可以完美解决了。

  3. 题外话：怎么运行PowerShell？

  3.1 第一步在win10系统中进去PowerShell的路径，依次点击
  “C:\WINDOWS\System32\WindowsPowerShell”
  3.2 继续点击V1.0文件夹，找到powershell.exe，右键，选择以管理员身份打开了PowerShell。

5. 继续创建 VUE 项目
   • 再次执行命令：vue init webpack your's pojoName

   • 下图的这个过程是一步一步来的，全都选择yes就行

     
     
     这个过程是一步一步来的，全都选择yes就行

• 创建成功之后回出现一下提示：

  
  
  项目创建成功
• 按照提示运行：

  cd myuve
  npm run dev
  

• 此时，出现以下提醒：

  
  
  项目访问连接地址
• 浏览器访问： http://localhost:8080，如下图：
  
  网页