vue环境搭建以及使用vue-cli创建项目

我要跑vue项目，所以我要搞vue。

进入node官网下载对应版本的node，一步步安装即可。

安装会自动配置路径和npm包管理环境，通过node -v进行验证

# 卸载旧版本

npm uninstall vue-cli -g

# 指定地址安装，加快速度

npm install -g @vue/cli --registry=https://registry.npm.taobao.org

安装完成后，进行验证

vue

vue --version

完成上面的步骤后，我们就可以使用vue-cli新建项目。

使用vue ui命令，会打开一个网页

C:\Users\lxp>vue ui

  Starting GUI...

  Ready on http://localhost:8000

按提示走应该就可以了，下面试试命令行创建。

运行以下命令来创建一个新项目：

vue create 项目名

首先进入某个特定文件夹，输入创建命令，注意项目名不能包含大写字母

命令输入正确的情况下，会让你选择创建vue-2还是vue-3的项目，根据需要选择，然后等待项目创建成功

生成的项目结构如下

根据它的提示启动项目

cd vue-test

# 等同于npm run dev

npm run serve

访问即可

巴特西