vue 3.0以上版本脚手架安装(含以下版本脚手架安装)
一.node安装:1.需要安装vue脚手架得先安装node下面是我上传的文件地址有两个版本当然也会备上官网地址:2. 下载完成后安装node,完成后运行cmd命令win+r :cmd下面附上一系列的安装步骤:1): 首先呢我们需要先安装配置一下cnpm。为什么要配置呢?就是要快准狠!(其实就是外国网太慢我们需要用到镜像这样下载安装也会很快的)npm install -g cnpm --regist
一.node安装:
1.需要安装vue脚手架得先安装node下面是我上传的文件地址node v14.10.0-x64个版本当然也会备上官网地址:nede官网
2. 下载完成后安装node,完成后运行cmd命令win+r :cmd
下面附上一系列的安装步骤:
1): 首先呢我们需要先安装配置一下cnpm。为什么要配置呢?就是要快准狠!(其实就是外国网太慢我们需要用到镜像这样下载安装也会很快的)
npm install -g cnpm --registry=http://registry.npm.taobao.org
等待安装完成查询版本:
cnpm -v
2)yarn是个包管理器,是facebook发布的一款取代npm的包管理工具
用npm安装yarn:
npm install -g yarn
安装完成后查看版本:
yarn -v
3)然后我们开始安装脚手架:
安装3.0以下的版本:
cnpm install -g vue-cli
查询vue脚手架版本:
vue -V
如果按错版本了,没关系,我们可以卸载:
npm uninstall vue-cli -g
装3.0以上版本:
cnpm install -g @vue/cli
安装指定版本:
指定版本:
如是3.0以下:
npm install -g vue-cli@版本号
如是3.0以上:
npm install -g @vue/cli@版本号
查询安装版本:
node -v
npm -v
cnpm -v
vue -V
Webpack -v
3,安装完以后,就可以创建项目了:
在创建项目之前我们还需要安装一个全局插件:
yarn global add @vue/cli-init
当然刚才安装的都是全局安装,那些插件都安装到了c盘,如果项目也放到c盘,时间久了就不好了,所以我打算安装到别的盘:
在这个框内输入cmd回车进入d盘这个我专门放vue项目的文件夹内(当然看你们个人喜好)
创建项目:
vue create 项目名称
询问是否使用国内镜像
创建项目完成后按照顺序输入命令:
两个地址都可以使用:
二.项目启动
1.在公司中拿到项目必要着急启动,因为可能没有依赖包node_modules文件。
所以这个时候我们需要重新下载依赖:
npm install
然后在项目文件夹下启动cmd:
npm run serve
具体项目文件作用:
2.启动项目管理器:
vue ui
3:2.0和3.0目录的区别:
1.cmd指令:
进入某盘:
比如进入D盘:
D:
进入文件夹:
cd 文件夹名
获取磁盘文件夹:
dir
返回根目录:
cd /
取消命令操作:
ctrl+c
更多推荐
所有评论(0)