vue 使用 vue-cli快速创建项目

最新推荐文章于 2023-05-05 08:28:56 发布
最新推荐文章于 2023-05-05 08:28:56 发布
阅读量229 收藏
点赞数
分类专栏： vue笔记 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wh8876/article/details/106789149
版权

新建项目步骤

1、下载node

node下载链接
推荐给绝大部分用户使用

2、安装vue-cli
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。

全局安装
npm install --global vue-cli

3、创建一个基于 webpack 模板的新项目
本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

vue init webpack my-project
wh8876
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
分享java学习路上的一些笔记，不足之处多多见谅。
06-14 5417
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
如何创建 vue-cli 项目
weixin_62897746的博客
09-24 3003
官网直接下载并安装node，安装过程很简单一路下一步就行，安装完成后打开命令行（window+r,输入cmd），输入node-v 如下图出现版本号则成功。打开命令行输入：npm install vue-cli -g，安装完成后输入 vue-V（这里的‘V’是大写），如下图如果出现对应的版本号则安装成功。通过上面两步，我们需要的环境和工具都准备好了，接下来就使用vue-cli来创建项目。以上就是安装vue-cli的全过程，后续会持续发布新文章，敬请关注。
vue-cli创建项目
weixin_68160847的博客
01-13 341
打开终端，进入项目文件夹，然后运行项目（npm run serve）
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
热门推荐
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
vue-cli创建vue项目详细步骤
Hannah_Hannah_的博客
04-15 2万+
一、安装node环境 二、下载vue和vue-cli脚手架 命令：npm i-g vue ; npm i -g @vue/cli 三、在想要创建的位置路径下打开cmd（直接点击路径输入cmd即可打开当前位置的终端） 四、创建vue项目，输入命令（ vue create 项目名称） 五、进入详细选择 (上下 方向键选择,空格键确定,enter进入下一步) 1、默认vue2版本和默认vue3版本都是有Eslint和Babel的，Eslint是代码规范的，Babel是将ES6转化为ES.
vue使用vue-cli快速创建工程
01-19
本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下： vue-cli安装 npm i vue-cli -g vue init webpack-simple vue-todos vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue ...
基于Vue-cli快速搭建项目的完整步骤
12-09
前言 vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。...二、vue-cli快速搭建项目 安装完成后，同时在
详解Vue使用 vue-cli 搭建项目
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli  一、 安装 node.js 首先需要安装node环境，可以直接到中文官网...
vue-cli如何快速构建vue项目
11-29
使用npm全局安装vue-cli（前提是已经安装了nodejs，否则连npm都用不了） $ npm install -g vue-cli 2、创建自己的工作空间 $ vue init webpack vuetest 3、项目信息 命令输入后，会进入安装阶段，需要用户输入...
用Vue-CLI搭建项目
qq_52335038的博客
09-28 2164
项目名称：顶楼人员管理 简介：博主我酷爱韩剧顶楼，利用所学知识，创建一个顶楼人员管理系统。 功能：登录界面、注册界面、首页、普通用户管理页、顶楼用户管理页 技术：采用前后端分离技术开发运行。 下面开始进入正题： 一、环境搭建： 1.创建一个文件夹，并给项目文件夹命名Attic。 2.在终端上运行 npm i -g @vue/cli命令。 3.在终端上运行vue create attic命令，创建Vue项目名称。 4.手动配置一下Vue项目。（谁让博主我这么细...
使用 Vue-cli 创建项目
最新发布
weixin_53156345的博客
05-05 987
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vjcxSwAK-1683203828586)(D:\杂物房\笔记\和项目相关\image\dong.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITkxqy8a-1683203828586)(D:\杂物房\笔记\和项目相关\image\wen.png)]​ 通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。如果有需要的可以选择 “y”
知识点11--使用vuecli的方式搭建一个项目
别人笑我太疯癫，我笑他人看不穿。
07-10 631
在前面的知识点，我使用的是离线下载vue.js，甚至在使用element UI的时候，我也是直接采用的官方引用，从未给大家演示过如何使用vue client去搭建一个项目，最根本的原因是因为要使用client的方式需要一个node.js环境，这个东西它是一个JavaScript引擎，一个基于谷歌v8浏览器而派生的环境，如果大家用过es，那就应该熟悉node，因为它是es-head连接工具的必备品，可是这个环境本身他有很多问题，他版本相当多，但是能用的版本基本没几个，真的是纯粹要靠经验来积累哪个版本能用的一个
vue-cli 创建 vue 2.X 项目
悟世君子的博客
06-17 7178
1、全局安装 vue-cli npm install -g vue-cli 2、创建存放项目的工作区文件夹 project 3、在 project 文件夹打开 cmd 窗口 执行如下命令，创建名为 finance 的项目 vue init webpack finance vue-cli 会以交互的方式问你是否需要安装相关插件，如 vue-router，ESLint 等，这里可根...
使用脚手架（Vue-Cli）快速创建一个vue项目的步骤
qq_59808309的博客
01-22 4960
一、安装vue https://cn.vuejs.org/v2/guide/installation.html 二、先确定是否安装了node.js、npm和cnpm node.js的下载地址：Node.js NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编
vue中watch学习
wh8876的博客
06-16 236
看过就会忘，这里记录下 data() { return { a: 1, msg: "Welcome to Your Vue.js App", person: { name: "www", age: 22 } }; } 1、普通监听 监听某一属性值变化，直接写一个监听处理函数，当每次监听到 cityName 值发生改变时，执行函数。 watch: { a: (val, oldval) { .
Vue-cli创建项目步骤
qq_39967527的博客
11-17 501
Vue-cli 创建项目
使用vuecli 快速创建vue3项目
一个前端开发者
04-25 5196
文章目录一、安装最新vue-cli二、创建项目三、运行项目四、总结 提示：以下是本篇文章正文内容，仅供参考 一、安装最新vue-cli 官方网址：https://cli.vuejs.org/ 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 Node 版本要求 Vue
Vue从零开始（2）：使用Vue CLI快速生成项目脚手架
wang13145的博客
08-07 128
前言 上一篇讲到如何搭建前端环境，这一篇我们开始使用Vue CLI来快速生成一个Vue的项目脚手架。 目前Vue CLI有两个版本，新版本Vue CLI3对应@vue/cli，老版本Vue CLI2对应vue-cli。这里分别介绍这两个版本如何创建一个项目。 首先全局安装这两个的其中一个（看过我第一篇已经安装过的可以忽略掉）： $ cnpm install -g @vue/cli $ cnpm install -g vue-cli 注意：在同一个环境安装Vue CLI3和Vue CLI2
Vue.js使用vue-cli快速构建vue项目
羽枫760的博客
08-27 293
        之前说要整理一篇npm构建vue项目的文章，今天终于想起来了，今天就来搞一搞吧。构建vue项目之前，首先我们要了解的一下npm和vue-cli。 什么是npm？         首先说一说什么是npm，npm全称Node P...
使用vue-cli快速搭建项目
03-25
1. 首先确保已经安装了Node.js和npm，使用npm安装vue-cli ``` npm install -g vue-cli ``` 2. 使用vue-cli创建项目 ``` vue init webpack my-project ``` 其中，my-project是你的项目名称，可以根据实际情况自定义 3. 根据提示，输入一些选项，比如项目描述、作者、是否需要ESLint等 4. 进入项目文件夹，安装依赖 ``` cd my-project npm install ``` 5. 运行项目 ``` npm run dev ``` 此时就可以在浏览器中访问 http://localhost:8080 来查看你的项目了

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值