Windows10安装vue脚手架

2021-11-13

第一步、安装nodejs 相关链接

https://blog.csdn.net/qq_37554565/article/details/107815437

第二步、安装Vue脚手架 1.使用淘宝镜像安装cnpm

npm install -g cnpm –registry=https://registry.npm.taobao.org

注：国外的源下载会很慢，只要你慢你就可以换成国内淘宝的源，加**–registry=https://registry.npm.taobao.org** 即可

Windows10安装vue脚手架

文章图片

2.出现以下画面安装成功

cnpm -v

【Windows10安装vue脚手架】

Windows10安装vue脚手架

文章图片

3.安装webpack

npm install -g webpack

Windows10安装vue脚手架

文章图片

4.安装webpack-cli

npm install -g webpack-cli

Windows10安装vue脚手架

文章图片

5.出现以下画面安装成功

webpack -v

Windows10安装vue脚手架

文章图片

6.安装Vue-cli

npm install -g vue-cli --registry=https://registry.npm.taobao.org

Windows10安装vue脚手架

文章图片

7.出现以下画面安装成功

vue -V

Windows10安装vue脚手架

文章图片

到此为止,环境就搭建好了!
三、初始化项目这一步是为初学者开启第一个vue项目，如果只要安装可不做这步
1.进入文件夹

mkdir myproject cd myproject

Windows10安装vue脚手架

文章图片

2.初始项目

veu init webpack vuedomo

Windows10安装vue脚手架

文章图片

Windows10安装vue脚手架

文章图片

耐心等待
3.出现以下画面安装成功

Windows10安装vue脚手架

文章图片

dir

Windows10安装vue脚手架

文章图片

4.启动应用

cd vuedomo npm run dev

Windows10安装vue脚手架

文章图片

5.启动成功
查看http://localhost:8080

Windows10安装vue脚手架

文章图片

**出现以下画面，恭喜，项目创建完成！
项目结构**

Windows10安装vue脚手架

文章图片

路刚刚开始…
精彩的在后面

推荐阅读

上一篇：开启新生活

下一篇：数据驱动测试DDT之Selenium读取Excel文件