对Vue的理解以及如何创建项目

1.1、什么是Vue?
官网解释:Vue是一套用于构建用户界面的渐进式框架。

Vue是一个js框架,提供了一套开发规则,按照这个开发规则就可以提高开发效率。

最后补充:渐进式意思是,vue.js本身功能局限,一旦配合其他的工具可以增强其功能。

1.2、使用Vue需要做哪些准备?
1、官网下载Node.js;

2、在安装的目录下创建名为node_cache和node_global的全局安装目录和缓存日志目录的两个文件夹;

3、根据需要配置和修改环境变量(主要针对npm命令)

4、安装vue npm install vue -g

5、安装webpack模板 npm install webpack -g

6、安装脚手架vue-cli npm install vue-cli -g

7、安装vue-router npm install vue-router -g

1.3、创建Vue项目模板
1、在终端(cmd)输入 npm create Vue name (name可以随意取);

2、然后根据后面的提示初始化vue项目;

3、npm init -y(根据自己需要是否安装全局变量);

4、进入vue_project_name文件夹,在新建终端输入npm i 会显示出这个 package-lock.json 文件(这里是终端安装);

5、然后运行npm  或者 yarn 命令启动vue项目;

tips:code . 可以直接在控制台打开vscode;

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值