NVM开发vue3安装配置和基于webpack创建项目

一，下载nvm 安装网上有许多教程，这里就不叙述了，我下载用的1.1.12版本，通过nvm -v 可以查看版本及确认安装成功

1、nvm list 查看有没有安装npm，返回No installating recognized 标识没有安装任何版本npm

2、通过nvm install 版本号，安装npm，使用nvm list 返回19.8.1 存在安装此版本npm，3/

3、使用nvm use 版本号，使用此版本npm，可以使用npm -v 查看npm版本，node -v  查看 node 版本

4、使用npm install webpack -g 安装webpack模块，然后通过 npm webpack -v 确认安装成功及查看版本

5、使用npm install @vue/cli -g 安装vue-cli 模块，然后通过npm @vue/li -v 确认安装成功及查看版本

6、安装vue  使用 npm install vue -g ，通过npm list vue -g 查看结果

7、安装vue-router ,使用npm install vue-router@4 .

后面可以通过npm list -global 查看安装全局模块，这样就准备好了，

扩展，使用vue UI 可以打开vue 项目管理器 

二，基于webpack创建项目

1、使用vue create 项目名称 创建项目，弹出下列3个选项。

第一项vue3版本默认项目 第二项是vue2版本默认项目，第三项手动选择功能，我们选择第三项，通过上下键控制，回车键是选中；然后弹出

通过空格键选中这些项，然后按回车键，弹出下列窗口

默认选重3.X版本vue。按回车键，弹出

这是 是否使用类样式语法，选则否，按回车键

这是 babel和tyeScript一起使用（modern mode auto-detected polyfile, ）选中是，按回车键

这是否使用router 历史模式，选中Y 按回车键

这是测试模式选项，选中jest 按回车键

这是询问配置文件是单独存放，还是一起存放，选中In dedicated config files 单独存放 按回车建

这是询问 将其选择为预来项目的预设，选中否 按回车键

弹出这个标识创建完成。

最后通过idea加载wfowp 项目，

执行 npm run serve 启动项目  浏览器  http://localhost:8080/  这就是正常启动