初始化vue项目出错,用的都是最新版的npm node,怎么解决

初始化vue项目出错,用的都是最新版的npm node,怎么解决

问题描述:

首先执行命令
npm install -g @vue/cli
npm install -g @vue/cli-init

sudo vue init webpack todo
然后就开始报错了,怎么回事?图片说明

看到报错webpack-dev-server找不到

vue项目基于webpack
(下载东西时可用淘宝镜像)

依次全局安装
npm install vue -g
vue-cli
webpack
webpack-dev-server
npm install webpack-cli -g

vue -V(大写) webpack -v 查看安装

另外:
vue init webpack myProject
ESLint时选择NO

使用cnpm install -g @vue/cli-init 试一下

第一步:安装全局的cli:
npm install -g vue-cli
创建一个项目的文件夹
vue init webpack-simple hello-vue
安装依赖
npm install
启动项目
npm run dev

第二种: vue的cli就是webpack的cli
也要在全局安装vue-cli,但是创建的命令不一样:
Vue init webpack

安装完成就可以使用npm run dev 启动。
如果把自己的醒目放到服务器上,就需要使用npm run build 将自己的项目打包出来。

打包后在dist文件夹下面,
注意:项目启动一定在服务器环境执行的,在phpnow或node环境都可以。

上面提示你了,应该是缺少node_nodules依赖包。你可以先把node_nodules整个文件夹删除。然后重新执行npm install或者cnpm install试试