VUE3项目管理器的安装与使用

一、安装VUE项目管理器

我们可以用vue自带项目管理器创建和管理项目。

前提：你已经安装好了node. js,npm等。

没有安装请看第一篇：VUE3工程创建

1.安装cnmp

nmp国内镜像客户端

$npm install -g cnpm

2.安装vue-cli

$cnpm install -g @vue/cli

3.安装webpack

webpack是JavaScript打包器（module bundler）

$cnpm install -g webpack

1. 运行VEU UI

     

二、VUE项目管理器使用

1.创建新项目

①点击创建，选择项目存放位置。

②填写项目名称vite-project，并去掉初始化git仓库。

③选择手动配置

④选择配置项，勾选Router和Vuex，关掉其他选项，选择下一步

⑤打开历史记录，点击创建项目

⑥这时候会弹出是否把项目保存为新预设，就直接创建项目即可。

   

创建成功后的界面。

   

2.项目测试

  点击任务RUN

点击输出可以看到控制台输出两个url,点击url:

出现本地VUE主界面