一、通常使用的方式(npm)
1、安装Node.js和npm
node -v
npm -v
2、安装Vue CLI
npm install -g @vue/cli
如果不成功,则:
sudo npm install -g @vue/cli
在 Windows 上,可以在命令提示符或 PowerShell 中使用管理员权限运行。在 macOS 或 Linux 上,可以在终端中使用sudo命令来获取管理员权限
再不成功,可以尝试:
npx @vue/cli create my-project
这个命令会自动下载并运行最新版本的 Vue CLI,然后使用它来创建一个新的项目
3、创建Vue项目
在安装完成Vue CLI后,在命令行界面中输入以下命令来创建一个新的Vue项目:
vue create my-project
4、运行Vue项目
npm run serve
// or
npm run dev
这会启动一个开发服务器,然后你可以在浏览器中访问 http://localhost:8080/ 来查看项目。每次修改项目代码后,开发服务器都会自动重新编译和刷新页面,以便你可以看到修改后的效果。
二、yarn 方式
创建 Vue2 方式如下:
yarn create vue-app my-app
三、创建失败
问题描述:使用vue create命令,但是报 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 的错误
方法一:
想要创建 Vue 2 项目,可以使用以下命令:
vue init webpack my-project
这个命令会使用 Webpack 模板创建一个新的 Vue 2 项目。你可以根据需要进行修改,然后使用 npm run dev 命令来启动开发服务器
方法二:
已经安装了 Vue CLI 3,也可以尝试使用以下命令来创建 Vue 2 项目:
vue create my-project --preset=vue-cli-plugin-axios
在这个命令中,使用了 —preset 参数来指定了一个预设,其中包含了 Vue 2 和 Axios 等常用依赖。这样可以方便地创建一个符合常规需求的项目。
原文地址:https://blog.csdn.net/weixin_46684929/article/details/129119500
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_47258.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!