Mac安装Vue
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
随着学习的进程,也是从web学习到了Vue,vue是一个渐进式框架但是在安装的同时也有很多的问题,下面让我们来一起看一下小编遇到的问题吧
一、Vue是什么?
vue是指一个用于创建用户界面的渐进式框架,旨在更好地组织与简化Web开发;Vue的核心库只关注视图层,并且非常容易学习,也非常容易与其他库或已有项目整合。vue也可指iOS和Android平台上的一款视频拍摄和美化工具app,是一个手机端的视频拍摄及编辑工具以及原创Vlog短视频平台,允许用户通过简单的操作实现Vlog的拍摄、剪辑、细调、和发布,记录与分享生活。
二、安装步骤
1.安装node
首先根据自己的系统和芯片进行安装node
https://nodejs.org/en
选择18版本就可以,正常安装然后在终端中输入 node -v 返回内容如下就代表安装成功了已经
2.安装npm
在终端上输入下面淘宝景象,直接安装。
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完之后在终端输入npm -v查看是否安装成功。如下图即可代表安装成功
3.安装webpack
cnpm install webpack -g
4.安装vue脚手架
这个工具是自动搭建vue项目框架的工具,还算好用,没得选只此一家。
终端输入:
-
终端输入:
-
-
sudo npm install -g vue-cli
在这里很有可能会报错我在安装这里的时候遇到的错误是下图
解决方案是:
错误原因:npm版本问题
解决1:npm install --global npm
我的话是解决2来解决的
解决2:
-
错误原因:npm版本问题
-
解决1:npm install --global npm
-
解决2: npm install --legacy-peer-deps
在终端输入:vue list查看是否安装成功
创建vue项目
1.创建一个脚手架项目
vue create 项目名称
按y
1、创建项目
选择一个你想要创建项目的文件夹,打开控制端执行如下命令
vue create 项目名
注意:项目名不能有大写字母,中文和特殊符号
2、选择模板和包管理器,等待项目创建完毕
(蓝色字体表示当前选中的,按键盘上下键即可选择)
选择模板后,等待项目创建完毕即可
项目的话我们选择第三种自信选配配置
空格是确定
2.进入项目
Cd 项目名称:
npm run serve
总结
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhfjbehh
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13