创建一个vue2项目

创建一个vue2项目

安装vue

• 电脑上只安装了node.js
• 通过 npm i vue -g 全局安装vue
• 想通过 vue -v 查看一下vue版本（当然此处我输入有错误，后面会报错 error: unknown option '-v' 正确的查看vue版本的命令是 npm list vue 或者全局的 npm list vue -g ）
• 输入 vue -v 报错： vue : 无法加载文件 C:\Users\27104\AppData\Roaming\npm\ vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请 参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中 的 about_Execution_Policies。
• 解决方案：搜索 Windows PowerShell 选择 以管理员身份运行
• 输入 get-ExecutionPolicy 显示 Restricted
• 输入 Set-ExecutionPolicy -Scope CurrentUser 输入 RemoteSigned
• 输入 get-ExecutionPolicy 显示 RemoteSigned
• 输入 set-ExecutionPolicy RemoteSigned 再输入 Y
• 问题解决。
• 通过npm list vue -g查看全局安装的vue的版本。是3.3.2版本。
• 参考链接1：https://zhuanlan.zhihu.com/p/493496089
• 参考链接2：https://blog.csdn.net/qq_41687299/article/details/119955454

安装vue-cli

• 输入 vue -V 又报错： vue -V vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可 运行程序的名称。请检查名称的拼写，如果包括路径，请确保 路径正确，然后再试一次。 原因是没有安装脚手架。
• 全局安装脚手架 npm install -g @vue/cli
• 通过 vue --version 或 vue -V 查看脚手架版本。是5.0.8版本。

创建项目

• 终于可以创建项目了： vue create project1 选择 Default ([Vue 2] babel, eslint)
  然后输入 cd project 和 npm run serve

总结

• 当理论遇到实践，还要处处碰壁。熬过苦难，柳暗花明。