脚手架搭建项目遇到的问题和教程

安装脚手架遇到的问题和教程

遇到的问题：在cmd窗口中输入：vue init webpack 项目名 ，显示vue init webpack 项目名 不是内部命令或外部命令。

解决方案：可能是没有搭建脚手架的原因，应该先搭建脚手架，然后再输入vue init webpack
项目名称 即可。
步骤一：
  安装vue-cli脚手架—可能比较慢,要等几分钟
   npm install vue-cli -g
步骤二：利用搭建好的脚手架创建项目
  脚手架搭建好后就可以再次输入 vue init webpack 项目名称
  如果出现下面这个张图片里面的内容，那么恭喜您，说明离成功已经很近了。

• 上面图片这是让您确认项目名称，确认无误后就请按回车键。
  
  
  
  
  
• 上面图片的内容是您对您创建的项目的描述，建议直接按回车键跳到下一步。
  
  
  
  
  
• 上面的图片是让您输入作者名，我涂掉的部分是我自己的信息，这个不用管。作者名根据您自己取，取好后直接按回车。
  
  
  
  
  
• 这里会卡着不动，不要害怕，其实一切良好，直接按回车键就ok了。
  
  
  
  
  
• 上面的图片的内容是是否安装路由，输入y后回车就ok了。
  
  
  
  
  
• 上面图片的内容是是否使用ESLint来检测你的代码，我选择no
  
  
  
  
  
• 上面图片的内容是是否单元测试，我选择no
  
  
  
  
  
• 上面图片的内容是测试框架，我选择no
  
  
  
  
  
• 上面的图片内容是安装的方式，三选一，我直接选择第一个，按回车键。
  
  
  
  
  
• 等一会就OK了
  
  
  
  
  
• 在cmd窗口到找到去您自己刚创建的项目文件中，然后输入npm run dev来启动服务，之后再浏览器中输入http://localhost:8080/出现下面这个图片信息，那么恭喜您安装成功了。