vue中的脚手架结构

vue中的脚手架称为CLI:command line interface,命令行接口工具

创建Vue脚手架,vue中脚手架依赖于node.js,所以在搭建脚手架之前要下载好node.js

安装过程:

①全局安装@vue/cil :npm install-g@vue/cil

全局安装时需要配置npm淘宝镜像:npm config set registry https://registry.npm.taobao.org

打开cmd,输入淘宝镜像地址,出现警告不要紧,卡住时按回车。此时安装完毕之后关闭cmd再次搜索vue就不会报错了。

切换到要创建项目的目录,然后使用命令创建项目 vue creat xxx

在敲写命令时要敲到桌面上,所以要保证目录在桌面上,打开cmd敲写 cd Desktop , 回车。

(cls可以清空输入历史)

此时就可以创建文件 vue create 文件名(在这个过程中脚手架+案例文件名也就是一个项目了),敲回车选择vue的版本,记住此时让你选择的版本不是vue脚手架版本,是vue的版本,脚手架的版本在最上面已经显示了。

有的时候在等待过程中最终会显示你目前的默认配置较慢,可以选择yes,继续安装

③启动项目npm run serve

在cmd中输入npm run serve运行敲回车运行代码

用Vscode打开新创建的文件,一般来说自操做的文件都在src的文件中

记住这个逻辑,爷爷管儿子,儿子管孙子们

1.main.js这个文件用来引入vue,注册容器,是入

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值