windows安装vue

断一生平凡2024-10-15 13:50

1.先安装node，然后安装vue：

bash 复制代码

npm install vue -g

报这个错误时，需要搜索命令提示符，然后用管理员身份运行

2.如果安装超时，则配置一下国内的源

bash 复制代码

查看源
npm config get registry
更换为淘宝源
npm config set registry https://registry.npmmirror.com

3.安装webpack模板

bash 复制代码

npm install webpack -g

此外，在webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli

bash 复制代码

npm install webpack-cli -g

输入 webpack -v，能输出版本号就说明都安装好了。

安装脚手架vue-cli

bash 复制代码

npm install vue-cli -g

输入vue --version，能输出版本号就说明安装好了。

安装vue-router

bash 复制代码

npm install vue-router -g

4.然后使用：vue create web_project 创建vue项目时报错

vue create web_project

vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.

You may want to run the following to upgrade to Vue CLI 3:

npm uninstall -g vue-cli

npm install -g @vue/cli

首先，卸载旧的 vue-cli：

bash 复制代码

npm uninstall -g vue-cli

然后，全局安装新的 @vue/cli：

bash 复制代码

npm install -g @vue/cli

再次执行创建项目命令：

bash 复制代码

vue create web_project

创建完成：