1.关闭防火墙等软件,避免拦截和无法使用npm安装包
2.使用淘宝镜像
其次 去下载一个cnpm (注释:淘宝npm镜像,这个是阿里把外国的npm服务器搬到我们中国来了,用淘宝镜像npm下载一些配置文件会更快一些)
cmd 右键复制下行命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装vue文件
cnpm install vue
4.安装vue脚手架,关于脚手架问题,
有些兄弟姐妹会发现安装的时候会一直卡着不动,我也遇到过这个问题,最后查资料发现是我安装的vue脚手架版本比较低出现的问题
一定要切记安装 vue脚手架一定要安装最新版本的,最新版本如下:
cnpm install -g @vue/cli
cnpm install -g @vue/cli-init
安装上面2个vue脚手架配置文件后,输入:
vue init webpack myproject
//配置的时候 除了 use ESlint to lint your code 选择n 其他都是选择y ,因为 use ESlint to lint your code 我们写代码的时候会比较严格,比如代码必须空格相同呀…
当安装完毕后,输入npm run dev
运行完毕后会给我们一个网址 http//localhost:8000
5.一些需要了解的 vue脚手架目录
- build 是webpack配置文件
- config 核心文件
- src存放的是资源,assets中存放的是静态资源比如 图片
- router是路由
本文详细介绍了如何通过关闭防火墙、使用淘宝镜像加速npm包的下载,以及安装和配置Vue及其脚手架来快速搭建Vue项目。特别强调了安装最新版本Vue脚手架的重要性,并解释了常见问题的解决方案。
883





