如何新建一个全新的vue项目

最新推荐文章于 2024-05-16 17:54:12 发布
最新推荐文章于 2024-05-16 17:54:12 发布
阅读量269 收藏
点赞数
文章标签： vue npm nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39882919/article/details/106916354
版权

1.先去官网下载安装node.js到d盘
2.ctrl+r打开cmd
3.node -v 查看node.js是否安装成功
4.npm -v 查看npm版本信息
5.全局安装npm install --global vue-cli
6.创建一个基于webpack 模板的新项目 vue init webpack todolist
7.安装依赖 cnpm install
8.npm run dev 就会自动启动浏览器

一枚程序小哥哥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode新建一个最简单的vue项目
09-27
打开命令行工具，进入刚刚创建的`vue-test`目录，然后运行以下命令来初始化一个新的Vue项目： ```bash vue create vue-test ``` 这将启动Vue CLI（命令行界面），引导你选择项目配置。对于初学者，你可以选择...
解决新建一个vue项目过程中遇到的问题
01-22
我就废话不多说了，大家还是直接看代码吧~ /usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run dev --scripts-prepend-node-path=auto > mytodolists@1.0.0 dev /Users/chenqiurui/...
使用命令行工具npm新创建一个vue项目的方法
10-18
Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。下面小编给大家分享使用命令行工具npm新创建一个vue项目的方法，需要的朋友参考下吧
搭建一个全新的vue项目
weixin_45810646的博客
05-22 240
全局安装vue-cli npm install --global vue-cli
如何搭建一个vue项目(完整步骤)
最新发布
y2020520的博客
05-16 4946
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。
创建一个新的vue项目
weixin_43571795的博客
04-24 325
已经安装了npm以及vue-cli的情况下创建一个新的vue项目 进入到项目目录，创建一个基于 webpack 模板的新项目
如何创建一个vue项目（详细步骤）
热门推荐
Monsters___的博客
08-27 11万+
如何创建一个 vue 项目 详细步骤 (vue-cli2 / vue-cli3) (webpack / vite)
创建vue项目的三种方法
weixin_38564268的博客
03-26 188
1. vue init webpack project-name cd project-name npm run dev 2. vue init webpack-simple project-name cd project-name npm run dev 3. vue create project-name cd project-name npm run serve 后...
配置一个vue3.0项目的完整步骤
11-28
Vue 3.0 项目配置是一个前端开发者的基本技能，它涉及到多个步骤和技术栈。下面将详细解释如何配置一个基于 Vue 3.0 的图书管理项目。 1. **初始化项目** - 全局安装 `vue-cli`：Vue CLI 是 Vue 官方提供的脚手架...
vue新建项目cmd命令详细解析.docx
12-16
Vue 新建项目 cmd 命令详细解析 本文将详细解析 Vue 新建项目的 cmd 命令，包括项目...Vue 新建项目的 cmd 命令提供了一个快速创建 Vue 项目的方案，包括项目创建、Git 存储库初始化、插件安装、npm 包管理等内容。
解决vue-cli + webpack 新建项目出错的问题
08-27
Vue CLI 是一个基于 Vue.js 的脚手架工具，用于快速构建和管理 Vue.js 项目。Webpack 是一个流行的前端模块加载器和构建工具，用于管理项目中的资源和依赖项。 知识点二：Webpack 的配置文件 在上面的问题中，...
首次新建VUE项目
Apple-yeran 的博客
06-26 8563
1、百度搜索nodejs，下载node，并安装，安装直接下一步即可，可以自己修改安装目录。 2、检查 在命令行中输入node -v和npm -v，如果显示出相应的版本号，则表明安装成功。 npm是nodejs环境的包管理工具，和node集成在一起。 3、安装cnpm 因为npm的服务器在国外，所以有时候下载包速度会很慢，所以安装一个淘宝镜像cnpm，二者相同，只是命令由npm变为cnpm。 安装cnpm命令：npm install -g cnpm --registry=http://registry.n
mac Vue环境的搭建&新项目创建
IBLiplus的博客
08-10 274
1、Mac下vue开发环境的搭建步骤以及新建项目总结：https://www.jianshu.com/p/2273e26ff6e8 2、Mac上搭建vue项目 ：https://blog.csdn.net/weixin_42635599/article/details/81304077 以上步骤亲测有效，十几分钟搞定环境安装和项目的新建 ...
Xcode创建iOS项目基本操作——转载
Zhanganliu的博客
10-16 552
https://blog.csdn.net/SSIrreplaceable/article/details/51925144
vscode快速生成Vue模板
爱酸的博文
10-12 88
步骤 1. 安装插件 Vetur 2. 新建用户代码片段 文件–>首选项–>用户片段–>新建全局用户代码片段文件–>命名vue.js 3. 复制代码 在打开的文件里编写以下代码 "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "<
Mac OS下搭建Vue开发环境
明明的博客
11-23 3346
作者 李明明 转载请注明出处：https://www.jianshu.com/p/38a7564e84cc 前言 原来一直学习使用React，现在因为工作的需要，对Vue进行学习和使用，现在比较流行的框架React,angular,vue，正好对于vue也进行些了解。 环境搭建 打开终端,安装brew usr/bin/ruby -e "$(curl -fsSL https://raw.git...
如何在mac上运行vue项目
Jane's Blog
07-31 4294
本人使用的是Mac笔记本，所以搭建Vue环境的时候遇到了一些坑，在此做下记录希望可以帮到和我一样掉坑的人。 都说Vue和小程序有些地方很相似，便从朋友手里要了一个Vue的项目想着尝试看看。结果项目到手才发现坑了不是一个编辑器运行就可以解决的，还需要各种配置环境的…… 使用终端安装Vue运行环境 1、安装 Homebrew Homebrew是osx下面最优秀的包管理工具,没有之一。先在终...
Xcode 新建项目的那些事情
qq_34528763的博客
05-15 330
1.User Core Date 是是否使用缓存（在无网络的情况下，会显示数据）还没使用（暂时就说这些吧） 2.Language 语言的选择 目前有 Objective-C 和Swift 两种 主要是看项目要求什么语言 （最重要的还是看你会用什么语言开发，哪个语言你喜欢 ） （暂时写这些 以后学到再来更新） ...
如何新建一个vue项目
03-02
要新建一个Vue项目，可以按照以下步骤： 1. 首先，需要确保已经安装了Node.js和npm。可以在命令行中输入以下命令来检查版本是否正确： ``` node -v npm -v ``` 2. 安装Vue CLI（命令行界面），可以通过以下命令...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值