一,下载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/ 这就是正常启动