使用vue-cli 创建一个vue项目

最新推荐文章于 2019-09-26 02:45:29 发布
最新推荐文章于 2019-09-26 02:45:29 发布
阅读量233 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41766191/article/details/90698153
本文介绍了使用vue-cli创建Vue项目的具体步骤。首先要安装vue包和vue-cli包，查看是否安装成功，接着初始化项目，最后因下载依赖包慢，可在项目内使用cnpm install命令。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用vue-cli 创建vue 项目:
1:安装vue包 npm install vue -g
2:安装vue-cli 包 npm install vue-cli -g
3: vue -V 查看是否安装成功
4：初始化一个vue项目 vue init webpack +项目名称
5：项目最后几项选择否，从过下载依赖包太慢， 使用cnpm 命令 在项目内 执行 cnpm install
在这里插入图片描述

在这里插入图片描述

利用 vue-cli 构建一个 Vue 项目
JimmyLuo17的博客
08-13 3200
一、项目初始构建现在如果要构建一个 Vue 的项目，最方便的方式，莫过于使用官方的 vue-cli 。首先，咱们先来全局安装 vue-cli ，打开命令行工具，输入以下命令：$ npm install -g vue-cli然后，利用 vue-cli 构建一个 Vue 项目：$ vue init <template-name> <project-name># 例如： $ vue init webpac
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
08-27
主要介绍了详解vue-cli 快速搭建单页应用之遇到的问题及解决办法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用vue-cli创建一个vue项目
weixin_30591551的博客
07-24 170
vue官方给出一个脚手架工具用来快速创建一个基于vue的项目 1、安装vue-cli 　　npm install vue-cli -g 　　安装完成以后，可以通过在命令行中输入vue命令即可查看 2、初始化创建基于vue的项目 　　vue init webpack my-project 基于webpack来构建一个名称为my-project的项目 　　接下来我们需要填写一些项目信息 ...
利用vue-cli创建Vue项目
a13661073881的博客
05-02 155
1.安装node.js：Node.js安装包及源码下载地址为：https://nodejs.org/en/download/。 配置参考：http://www.runoob.com/nodejs/nodejs-install-setup.html； 2.基于node.js,利用淘宝npm镜像安装相关依赖。 在cmd里直接输入：npm install -g cnpm --regist...
使用vue-cli构建Vue项目
前端很忙
09-20 731
之前分享过 不使用vue-cli，一步一步构建Vue项目（小白入门），这篇文章是主要是为了更好的理解运行时构建vue项目（都是以.vue为后缀的独立组件）的构建过程和webpack相关功能的，对vue初学者比较友好。 但是因为市场需要或者说是趋势，需要更成熟的vue项目架构，且能快速初始化一个vue项目，所以使用vue-cli也成为了开发vue项目的重要技能。 1、node安装 vue-cli...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page ...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
vue.js构建单页面应用以及使用vue-cli构建项目
hungteshun的专栏
11-22 774
一、项目中引入vue.js 进入vue.js的官网：https://cn.vuejs.org/v2/guide/installation.html，点击开发版本 浏览器中会显示vue.js的源码，将这个源码拷贝保存下来，大小为283KB左右，项目中将引入这个vue.js文件。 二、案例一：基本的vue实例 &lt;!DOCTYPE html&gt; &lt;html lang="en...
使用vue-cli来创建一个vue项目
MengYan89的博客
02-12 394
大概使用方法官方文档中已经给出了,如下图 首先进行vue-cli的安装，在cmd中执行 npm install --global vue-cli 安装成功 注： npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) 这是个警告不影...
使用vue-cli搭建vue项目问题解决方案
08-10 102
工欲善其事必先利其器,安装所需环境 node和npm的安装 首先需要安装node环境，直接到官网下载安装包 https://nodejs.org/zh-cn/ 安装node默认安装npm， 不需要重复安装npm。安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。 下载dev-tool工具 为了以后调式做准备 https://git...
使用vue-cli创建vue项目问题纪录
u012086400的专栏
11-25 551
全局安装vue-cli的时候执行 npm install -g vue-cli 命令，错误如下： Please try running this command again as root/Administrator 发现是用户权限问题，搜索结局方案，得到如下结果： sudo chown -R $USER /usr/local 原文链接：mac 命令
用vue-cli来搭建一个vue项目
Carol的小星球
09-28 238
用控制台生成vue项目 在控制台中输入vue init webpack project(自己取的项目名称) “project1”是自己取的项目名称 下面的： “Project name”写项目的名称，不可以出现大写字母否则会报错 &amp;amp;quot;Project description&amp;amp;quot;就是对项目的一些描述 “Author”作者，也就是你的名字 “Install vue-router?”vue-router是全...
【vue】使用vue-cli构建项目
Evan_QB的博客
07-26 214
首先安装vue-cli npm install vue-cli 使用webpack模板 vue init webpack sell 接下来它会提示你如何使用 cd sell npm run dev 这样就构建一个vue.js项目，输入localhost:8080进入项目 ...
vue-cli创建项目
小猪佩奇
02-20 289
node官网地址： https://nodejs.org/zh-cn/ 确保你的node安装好了 windows直接去官网下载安装即可 小白就不要随便修改安装路径以免后期升级出现莫名其妙的bug。 linux 先去官网看下LTS最新的版本 然后执行以下命令： wget https://npm.taobao.org/mirrors/node/v8.9.3/node-v8.9.3-linux-x64...
vue项目构建--使用vue-cli构建项目
jianluguo的专栏
08-20 214
原文：https://www.toutiao.com/i6591449136870982148/   1、安装node.js（可以直接到中文官网http://nodejs.cn/下载安装包） 2、推荐使用国内镜像来安装；设置 cnpm：npm install -g cnpm -- registry=https://registry.npm.taobao.org（如果安装失败，可以使用 npm...
使用Vue-cli3搭建vue项目
努力努力再努力w
09-26 338
安装vue-cli 因为之前使用的是vue-cli 2 所以要更新为3 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli 卸载vue-cli版本: npm uninstall vue-cli -g 安装@vue/cli版本： npm install -g @vue/cli 查询vue-cli版本：vue --version 使用GUI界面管理vue项目：vue ui 新建...
vue-cli创建一个vue项目
07-27
你可以按照以下步骤使用 vue-cli 创建一个 Vue 项目： 1. 首先，确保你已经安装了 Node.js。你可以在终端中运行 `node -v` 来检查是否已经安装。 2. 安装 Vue CLI。在终端中运行以下命令： ``` npm install -g @...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值