vue新建项目（-）vue-cli安装

最新推荐文章于 2024-10-08 10:42:28 发布
最新推荐文章于 2024-10-08 10:42:28 发布
阅读量5.8k 收藏 11
点赞数 4
分类专栏： vue 文章标签： 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34381972/article/details/78558380
版权
本文介绍了如何使用Vue CLI新建项目，首先确保安装了Node.js，然后通过命令行安装vue和vue-cli。选择Runtime + Compiler配置，并可选地集成vue-router和ESLint。完成设置后，安装依赖并启动本地项目。
摘要由CSDN通过智能技术生成

一直想尝试用一个vue开发项目，刚好公司项目需要重新开发，借着这个机会，练习一下。fighting！！！

准备

在使用vue-cli新建项目前。需安装Node.js，vue和vue-cli。（vue已经是2.9.1版了！！！！记得16年年初2才刚刚出.......哎，还是要学习呀）

最低0.47元/天 解锁文章
邦尼family
关注
专栏目录
安装vue-cli&使用vue-cli搭建项目
qq_64001795的博客
09-26 5099
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
同时，Vue.js也迅速成为前端主流框架之一，结合Vue的脚手架工具Vue-cli，可以极大降低项目搭建的门槛。本文将详细介绍如何使用Webpack 4和Vue来搭建一个Vue-cli项目，从而实现快速开发Vue应用。 首先需要了解，...
vue新建项目
weixin_40923558的博客
03-06 283
vue新建项目 1、 首先查看是否安装node.js 在cmd里输入 node -v 如果没有安装请到node.org.下载安装即可。 2、全局安装vue-cli npm install vue-cli -g 3、查看vue-cli是否安装成功 vue -V 4、如果出现上图所示，表示已安装成功，下面来创建新项目 vue create my-project // myproject代表项目名称，可按自己需求 5、到这一步打回车即可，耐心等待。 6、到这一步我们已经成功的创建了第一个vue项目，启
vue-cli建项目
最新发布
TreePoplar的博客
10-08 387
Manually select features 选自定义。
vue新建一个项目
youzhiji的博客
05-30 4688
如何用vue来创建一个新的项目 一、安装node.js 首先到node.js官网下载一个node.js最新稳定版本 然后双击就可以安装 然后直接下一步的傻瓜式安装，直到Finish完成安装。 windows+r 打开控制命令行程序输入（cmd）回车,检查是否安装成功 输入node -v检查node.js版本，node.js自带npm版本 输入npm -v检查npm版本 输入npm install -g npm 跟新npm最新版本 使用淘宝镜像 国内直接使用使用npm的官方镜像是非常慢的，所以推荐使用淘
vue创建一个项目
weixin_55869175的博客
03-13 1256
vue脚手架创建一个vue项目
vue项目新建
一切都会好起来的，即使不在今天
08-16 143
vue init webpack 项目名
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
01-19
1.vue-cli 构建项目 //全局安装 vue-cli npm install - g vue- cli //创建一个基于 webpack 模板的新项目 vue init webpack my- project //cd 进入刚新建的项目文件(my-project) cd my- project // 运行 ...
vue-cli安装使用流程步骤详解
01-19
3.指定目录下新建项目 vue init webpack [项目名] 按自己的意愿配置、选择对应信息。最后配置完成检查package.json是否如此 4.进入到项目 cd demo 5.安装全部依赖（或者在init是选择自动安装） cnpm i 6.安装你...
新建一个Vue项目
qq_46109465的博客
08-03 215
新建一个Vue项目
vue 创建新项目
热门推荐
weixin_44161385的博客
02-11 3万+
vue创建新项目的几种方式
VUE新建一个项目（完整过程）
weixin_47521196的博客
12-29 2831
一、从node官网安装node.js 网址Node.js (nodejs.org)，建议下载稳定版本。下载到本地后双击安装，一直点next，知道finish安装完成。 安装完成后，打开命令提示符cmd，输入node -v,检查一下，出现版本号即安装成功。 ...
vue创建项目
weixin_45730243的博客
03-02 384
vue+vant+rem+axios 移动端项目初始化 一、创建项目 先建立一个文件夹并使用 cmd 打开 进入 cmd 使用 vue create . 创建项目(隔空格) 接下来出现 Vue CLI v4.5.11 ? Generate project in current directory? (Y/n)//在当前目录中生成项目？ 回答 y 接下来出现 nanfeng2 ([Vue 2] less, babel, router, vuex, eslint) clerk ([Vue 2] les
Vue 创建项目
az44yao的专栏
05-19 67
2.x vue init webpack-simple vue init webpack 3 vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到pub
vue 创建项目
simple5960的博客
09-26 104
1.vue create demoName 2.添加vuex、axios等 npm add vuex 3.启动项目 npm run serve
新建vue项目
biubiubiuPlus的博客
02-21 189
一、项目初始化步骤 安装vue脚手架 通过vue脚手架创建项目 配置vue路由 配置Element-UI组件库 配置axios库 初始化git远程仓库 将本地项目托管到Github或码云中 二、基础命令 1.npm -v 包管理工具的版本 2.node -v 3.vue -V 或vue --version 查看脚手架的版本 4.npm uninstall vue-cli -g 删除旧脚手架 5.cnpm install @vue/cli -g 安装脚手架 6.$ npm install -g cnpm
启动项目时报错vue-cli-service
09-02
报错提示"vue-cli-service"不是内部或外部命令，也不是可运行的程序。这个错误通常发生在启动Vue项目时，可能是由于缺少依赖或者配置问题引起的。 在Vue项目中，启动项目需要执行命令"npm run serve"，其中"serve"是通过"vue-cli-service"执行的。因此，关键是确保"vue-cli-service"正确安装并可执行。 对于新建的Vue3工程，在运行"npm run serve"时遇到了相同的错误，报错信息为"npm ERR! app@0.1.0 serve: `vue-cli-service serve`"。这也是因为同样的原因，"vue-cli-service"无法被正确执行。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [(vue)启动项目报错‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序](https://blog.csdn.net/qq_44754635/article/details/130250616)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue-cli系列之vue-cli-service整体架构浅析](https://download.csdn.net/download/weixin_38747126/13460298)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue 3 项目运行中报错 vue-cli-service serve](https://blog.csdn.net/kklovablekk/article/details/122822763)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值