接着上节内容,咱们配置好了所有环境,接下来就要开始搭建vue项目了。是不是跟我一样很鸡动啊!

1、在d盘或者f盘下建立一个空目录,

vue项目搭建连载教程+全家桶详解----第二节:搭建vue项目

2、进入该目录下 在地址栏输入 cmd 回车 即可进入目标目录

vue项目搭建连载教程+全家桶详解----第二节:搭建vue项目

vue项目搭建连载教程+全家桶详解----第二节:搭建vue项目

3、随后输入 vue init webpack 回车

vue项目搭建连载教程+全家桶详解----第二节:搭建vue项目

4、接下来很关键 看见 yes/no 参照下图输入 否则 一路回车

vue项目搭建连载教程+全家桶详解----第二节:搭建vue项目

5、如下图 成功后就可以启动项目了! 输入 npm run dev 回车 即可

vue项目搭建连载教程+全家桶详解----第二节:搭建vue项目

6、看到下图,就说明项目启动成功了,在浏览器地址栏中输入 localhost:8080访问一下吧!

vue项目搭建连载教程+全家桶详解----第二节:搭建vue项目

恭喜你!项目搭建完成!快去试试吧!

相关文章: