怎么搭建vue脚手架,vue的脚手架搭建

第一步、安装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** 即可

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

cnpm -v

3.安装webpack

npm install -g webpack

4.安装webpack-cli

npm install -g webpack-cli

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

webpack -v

6.安装Vue-cli

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

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

vue -V

到此为止,环境就搭建好了!

三、初始化项目

这一步是为初学者开启第一个vue项目，如果只要安装可不做这步
1.进入文件夹

mkdir myprojectcd myproject

2.初始项目

veu init webpack vuedomo

耐心等待

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

dir

4.启动应用

cd vuedomonpm run dev

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

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

项目结构**

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