Vue3安装步骤详解及项目创建

安装Vue和脚手架

1.打开命令窗口输入以下代码

npm install -g @vue/cli

2.安装完查看安装版本，验证是否安装成功

vue --version

3.如下图所示安装成功

4.创建一个新项目

（1）打开visual Studio-Code,在项目名称下右击鼠标，点击在命令行终端执行

 

（2）输入进行创建项目

vue create vue-demo1

（3）如果报以下错误：Vue无法加载文件

 解决方法：

以管理员权限打开windows powershell,输入set-ExecutionPolicy RemoteSigned,选择y或者a即可。（4）修改完之后，在命令行终端重新创建vue项目

（5）可以选择默认项目模板，或者选“手动选择特性”来选取需要的特性。用上下键进行选择，选择之后点击——回车

Linter/Formatter默认是选中的，一定要将其取消掉（按上下键选择，点击空格进行取消或选中）

（6）点击回车，进行Vue版本的选择，一般选择Vue3(包含Vue2)

（7）选择Vue3点击回车

（ 8）问配置文件放在哪里，选择默认——回车

（9） 将其保存为未来项目的预置? y代表保存，并添加名字，n不保存

 选择不保存——因为以后还会改许多内容，点击回车之后进行项目的创建

（10）创建成功如图所示

（11）运行项目

a.进入项目根目录cd vue-demo

b.运行npm run serve 启动项目

(12)访问localhost:8080

项目创建成功！