基于window系统整理的vue脚手架npm、yarn安装方法,记得网络一定要好
先说npm的安装方法
先在需要创建项目的文件夹下打开终端,如果没有node可以先去官网下载,然后一路next,就OK,记得看清楚电脑操作系统是64还是32!!!
1、输入node-v查看node版本,我的是12.14.0
2、输入npm-v查看npm版本,我的是6.13.4(如果想升级最新版本 npm install -g npm)
3、下载淘宝镜像这个是国内的比npm要快!
npm install -g cnpm --registry=https://registry.npm.taobao.org
从这开始就是安装vue的正题了,但是前三步缺一不可!就不一一截图了,太麻烦
4、cnpm install vue-cli -g 全局安装vue-cli
5、vue list 查看vue是否安装成功,成功会出来六个五角星
6、vue init webpack 项目名称
图上画红框的一定要选择no,要不项目开始,会报错奔溃的,黄框的看你选择了。
7、回车选择yes,use NPM,全部成功就会如下图红框里边cd 项目名称 然后 npm run dev
如下图所示就代表成功了,可以开始愉快的编程旅程了。
下边开始写yarn的安装方法
先在需要创建项目的文件夹下打开终端,如果没有node可以先去官网下载,然后一路next,就OK,记得看清楚电脑操作系统是64还是32!!!
1、输入node-v查看node版本,我的是12.14.0
2、输入npm-v查看npm版本,我的是6.13.4(如果想升级最新版本 npm install -g npm)
3、下载淘宝镜像这个是国内的比npm要快!
npm install -g cnpm --registry=https://registry.npm.taobao.org
从这开始就是安装vue的正题了,但是前三步缺一不可!就不一一截图了,太麻烦
4、cnpm install vue-cli -g 全局安装vue-cli
5、vue list 查看vue是否安装成功,成功会出来六个五角星
6、vue init webpack 项目名称
7、cd 项目名称如下图所示:
8、如上图所示:yarn install 或者简写yarn 下载依赖
9、yarn run dev 运行项目显示下图:
好了运行项目以后如图四所示,代表vue脚手架创建完成,是不是很简单啊!