vue基本使用

工具安装

网址：npm

## 安装
# -g：全局安装
npm i -g @vue/cli
​
## 安装成功后，检查
vue --version
vue -V
#  Vue和VueCLI是两回事
​
## 卸载（了解）
npm uninstall -g @vue/cli

如果需要安装其他版本，可以使用npm install -g @vue/cli@版本号的方式进行指定版本。

如果最新版安装不成功，可以尝试以下几种方式去解决：

• 断网，使用热点共享流量去执行安装命令

• 安装其他版本

• 切换一下npm镜像源，切换成淘宝镜像

• 卸载nodejs重安装

• 重装系统/换电脑

3、创建项目

脚手架创建初始项目的方式有2种：

• 通过UI界面方式去创建（了解）

  • 在命令行中输入以下命令启动UI界面：

  • vue ui

• 通过命令行的方式切创建（推荐）

  • 执行命令：

  • vue create 项目名  

# 首先需要进入到对应的目录中(英文目录不要有空格及中文),执行如下命令
# 如果当前你的终端工作路径带有中文或者空格，你可以使用`cd 路径`形式进行路径切换，切换到符合要求的路径中
vue create 项目名称(创建时会自己以对应的项目名称生成目录)
## 例
vue create myproject
# 上述命令中，可以允许变的就是`myproject`部分

以下步骤以Vue CLI v4.5.6为例，仅供参考，在实际使用时，请以自身需求为准进行配置

• 预设选择

• 选择预设功能（根据自身项目需要选择）

• 选择Vue版本

• 选择ESlint配置（如果启用）

• 选择额外的eslint功能

• 是否独立配置

• 是否保存本次操作预设

• 项目创建成功