使用脚手架搭建第一个 VUE 项目
前提:确保node.js已安装
- 打开cmd 输入下面的命令查看node.js是否成功安装:(npm是一起安装的)
node -v
npm -v
开始搭建
点击Terminal(终端)菜单,搭建
-
点击Terminal(终端)菜单,选择new Terminal,创建一个命令行终端窗口,然后切换到对应的准备存放代码的目录。
- 执行命令,创建Vue项目:
vue init webpack your's pojoName
eg:
vue init webpack myVue
-
提示:
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
- 解决办法
- 原因:主要问题还是你的终端(也就是你的nodemon命令执行的地方没有这个环境)。
- 解决方法:
设置全局的nodemon,在终端执行:
npm install -g nodemon。以管理员身份运行PowerShell;执行:get-ExecutionPolicy,回复Restricted,表示状态是禁止的;执行:set-ExecutionPolicy RemoteSigned,选择Y。
以上步骤就可以完美解决了。题外话:怎么运行PowerShell?
3.1 第一步在win10系统中进去PowerShell的路径,依次点击
“C:\WINDOWS\System32\WindowsPowerShell”
3.2 继续点击V1.0文件夹,找到powershell.exe,右键,选择以管理员身份打开了PowerShell。
- 继续创建 VUE 项目
- 再次执行命令:vue init webpack your's pojoName
-
下图的这个过程是一步一步来的,全都选择yes就行
-
创建成功之后回出现一下提示:
- 按照提示运行:
cd myuve npm run dev
-
此时,出现以下提醒:
- 浏览器访问: http://localhost:8080,如下图: