创建vue cli的步骤

最新推荐文章于 2024-06-26 21:03:00 发布
最新推荐文章于 2024-06-26 21:03:00 发布
阅读量272 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liu62138/article/details/114652046
版权

创建vue cli的步骤：

  1. 安装vue全局扩展：npm install -g @vue/cli-service-global；
  2. 查看是否安装成功：vue --version(win7)       vue -V(win10,待验证，注意是大写的v)    弹出相应的vue cli版本证明是安装成功；
  3. 进入想要创建项目的文件夹内：cd Desktop
  4. 创建项目：vue create myapp（myapp是创建的项目名称，不支持驼峰命名和大写字母）;
  5. 选中vue2.0；

          

6yuan&
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli搭建项目
weixin_30815427的博客
08-20 1233
一、全局化安装cnpm 其实对于安装vue-cli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较慢，而且很可能会因为网络问题而出错，所以还是觉得使用cnpm稳一点。 npm install cnpm -g --registry=https://registry.npm.taobao.org （1）全局安装 vue-cli ，在命令提示窗口执行： cnpm in...
vue项目创建步骤
weixin_64315174的博客
11-29 4191
vue项目创建步骤
vue-cli的创建
qq_45902401的博客
11-16 519
vue-cli的配置 1.整合bootstrap 跳转
[VUE]手把手教你搭建Vue-CLI（最详细！！！）
最新发布
2201_75401433的博客
06-26 646
全网最细致，菜鸟入门，手把手教你安装Vue-CLI
手把手教你创建vue-cli
zsj702177的博客
09-02 139
手把手教你创建vue-cli
vue创建一个cli项目
qq_52139881的博客
03-05 237
1.安装node.js 从 node 官网 直接下载（可以自己调整一个环境目录）一直安装即可（会自动配置 path 环境变量，不像某些 Java 害 搞半天），安装后，打开命令行工具（win+R），输入 node -v 查看版本，出现版本号则成功。注意：（下载完完 node 是自带 npm 的，可以使用 npm -v 查看）。 但是我们还要安装 npm 国内的镜像 - cnpm，因为有些资源被屏蔽或是国外的原因。 可以打开文件管理器查看隐藏目录，要先将 查看中的选项确认。 就会发现 C盘->用户
利用vue-cli创建Vue项目
a13661073881的博客
05-02 113
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-cli3 项目创建
Eirunye的博客
09-28 8247
简介 之前写过一篇文章Vue-cli项目创建,主要是针对Vue-cli3.0版本之前的，由于现在Vue-cli版本更新到了3.0，而且创建项目的一些情况也发生了变化，所以本篇将在基于Vue-cli3.0以上版本创建项目，大家可以参考一下Vue-cli2.0版本（这里的Vue-cli3.0版本之前统称为2.0版本）和Vue-cli3.0版本的不同之处，不要混淆了。 大家也可以进入Vue-cli3官网...
使用vue-cli创建一个vue项目
weixin_30591551的博客
07-24 140
vue官方给出一个脚手架工具用来快速创建一个基于vue的项目 1、安装vue-cli 　　npm install vue-cli -g 　　安装完成以后，可以通过在命令行中输入vue命令即可查看 2、初始化创建基于vue的项目 　　vue init webpack my-project 基于webpack来构建一个名称为my-project的项目 　　接下来我们需要填写一些项目信息 ...
创建Vue-CLI项目
LancerRose的博客
01-03 126
1. 什么是Vue-CLI(Command Line Interface) Vue-cli是Vue官方提供的脚手架工具，默认已经搭建好了一套利用webpack管理vue的项目结构 node_modules文件夹：存储了依赖的相关的包 public文件夹：任何位置在public文件夹的静态资源都会被简单的复制，而不经过webpack.你需要通过绝对路径来指引它们，一般用于存储一些永远不会改变的静态资源或者webpack不支持的第三方库 src文件夹：代码文件夹 |---- assets文件夹:存储
如何建立vue-cli项目
weixin_62515884的博客
02-20 551
这是创建vue-cli的官方教程 vue-cli项目就是一个已经帮我们创建好了的vue项目框架， 简洁好用！！！ 首先进行配置， cdm打开终端， 输入以下命令： npm install -g npm //回车 npm install -g @vue/cli //回车 npm install -g webpack //回车 这样，环境就配置好了。 再输入命令： vue ui //回车 等待…… 会自动跳到此页面创建项目， 选择你文件夹存放位置 选择.
创建一个vue.cli项目
weixin_46853502的博客
10-10 340
1.以【管理员】的身份进入cmd 2.进入需要创建项目的位置，（本次创建在 D盘的vue目录下，需要提前创建好目录的位置） 3.输入命令vue init webpack vueTest1 其中 vueTest1为创建的项目名 #1、首先需要进入到对应的目录 cd D:\vue #2、这里的vueTest1是顶日名称，可以根据自己的需求起名 vue init webpack vueTest1 如下图所示，正在创建项目 需要稍微等待一下，如果卡在某个界面或者下载过慢可以考虑使用淘宝的镜...
Idea创建Vue CLI
qq_43265564的博客
10-21 653
首先安装好Node.js环境，查看是否安装了Node.js可以去控制台输入：node -v查看 第一步：更换镜像，这样下载速度会快 npm get registry --显示当前的镜像网址 npm config set registry http://registry.npm.taobao.org -- 使用淘宝的镜像网址 第二步：安装 npm install -g @vue/cli 第三步，使用vue --version查看版本 第四步：创建web项目，但此时注意，之前的步骤是.
VUE创建项目步骤
Xiaocao259的博客
05-17 367
一、环境准备 1、安装node.js 下载地址：Node.js (nodejs.org) 2、查看node版本 查看node版本的命令 node -v node --version 出现版本号说明安装成功 说明：新版的Node.js自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包 进行管理，也可以理解为用来安装/卸载Node.js需要装的东西 使用淘宝镜像 【win+r】输入cmd，打开命令行窗口，输入 npm...
vue创建项目步骤
m0_71933813的博客
10-23 241
1).node_modules---依赖包（npm install）此文件夹不需要给别人。6).vue.config.js ----vue项目的配置文件。b.components ----组件，后缀是.vue的文件。a.保存的命令是-S(--save)4).package.json ---项目的配置文件。热更新(取消语法检测：vue.config.js文件)5).scripts---配置项目运行和打包的命令。d.views ---视图（主页面）f.main.js ----主入口文件。
创建vue项目 vue-cli
sportman0的博客
10-09 77
（1）全局安装 vue-cli ，在命令提示窗口执行： npm install -g vue-cli （2）安装vue-cli成功后，通过cd命令进入你想放置项目的文件夹，在命令提示窗口执行创建vue-cli工程项目的命令： vue init webpack （3）生成文件目录后，使用 npm 安装依赖： npm install ...
创建vue-cli项目
pukun888的博客
04-27 567
1. 安装vue-cli npm install -g @vue/cli 2. 检查是否安装成功 vue --version 3. 创建项目 vue create hello-world 选取默认的就行了 vue项目就创建完成了，只需用编译器打开就行了
vue-cli创建vue项目
qq_40919692的博客
04-01 7480
首先检查一下是否安装了vue以及vue-cli 用vue -V检查版本，如果出现’vue’ 不是内部或外部命令，也不是可运行的程序或批处理文件。则没有安装 vue -V 安装vue以及vue-cli npm install -g vue npm install -g @vue/cli 安装完后即可检查一下版本 vue -V ##快速打开存放项目的文件夹 在当前文件夹空白处出单击鼠标，然后按下快捷键Alt+D，这时候光标会自动聚焦到地址栏。 直接输入cmd，按回车 如上操作即可快速在命令窗口
vue-cli的搭建
m0_72694993的博客
09-08 902
2.安装cli 通过npm install @vue/cli -g 进行安装cli，通过npm下载网络容易不好，报错的话多试几次。3.安装结束后通过vue --version或者vue -V检查是否安装cli以及cli的版本号。初始创建的App.vue是这样的，其中style里边是样式，在template里边是他的内容，3.通过vue create创建项目，在指定的目录终端下输入vue create 项目名称。在指定的文件夹目录下的集成终端下输入ui会弹出一个网页，我们点击左下角的home，
Vue CLI3 创建与配置详解
以下是使用 Vue CLI3 创建项目的方法步骤： 1. 安装 Vue CLI： 首先，确保全局安装了 Vue CLI。在命令行中输入以下命令来安装最新版本的 Vue CLI： ``` npm install -g @vue/cli ``` 这将安装 Vue 的命令行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值