vue-cli 初始一个项目& 自动生成vue模板

一、初始化一个vue项目

vue cli 3.0快速创建项目

node.js肯定是个前提,之前已经安装了,(安装参考:node安装步骤)接下来直接进入正题
按照步骤来就ok了!
1.新建一个路径无中文字的 js 的文件,便于打开终端
2.安装vue-cli

 npm install -g @vue/cli

3.创建一个名叫 mytry 的项目,注意: 项目名中不要含有大写字母

vue create  mytry-vue 

出现vue-cli 3 要更新的问题,解决参考:vue-cli 3 要更新的问题
4.选择预配置
选择 图示内容,后续一路回车即可,或者根据自己的需求来选择
参考:预配置选项参
在这里插入图片描述
用 上下键选择 ,空格勾选 预置包,一般自己的练手项目勾选如下在这里插入图片描述

此处补充一点:

如果你想在一个已经被创建好的项目中安装一个插件,可以使用 vue add 命令 ,然后自动生成vue项目目录:ok了,可以开始进行操作了
-----------------新版项目结构如下:
在这里插入图片描述
-------------------------老版如下:

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值