vue3.0安装

335 阅读1分钟

vue3.0安装

一、安装node (去nom官网安装node)

1、百度搜索 node.js

1.jpg.png

2、

2.jpg.png

3、查看是否安装成功

node范本 查看 node -v
npm版本 查看 npm -v

4、安装完成后

对淘宝镜像进行安装

npm install -g cnpm --registry=registry.npm.taobao.org

查看是否安装成功 cnpm -v

5、对vue环境进行安装

npm instal -g vue @vue-cli

查看是否安装成功 vue -V

切记vue需是4.5以上的版本

6、创建项目格式 vue create ProjectName (ProjectName名称可以自定义)

3.png

7、选择 Manually select Features

利用上下键进行选择 选中后按下空格键 接着选下一个 全部选择完成后按下 回车键

4.png

8、选择版本(根据自己的需求) 由于我们安装的是vue3.0 所以选择 3.x

5.png

6.png

完成上述,则可进入 vscode中 打开 终端 输入 npm run serve

如果个人修改过package.json中的scripts--serve,则根据修改后的名称运行上述代码

7.png

运行成功后 会自动开启8080端口 我们需要Ctrl+鼠标左键 选择下图中的local 跳转至网页出现下图则安装成功

8.png