VUE CLI2创建项目

最新推荐文章于 2024-07-29 11:43:06 发布
最新推荐文章于 2024-07-29 11:43:06 发布
阅读量262 收藏 2
点赞数 1
分类专栏： 前端学习笔记 文章标签： vue node npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/elite_zhou/article/details/112587863
版权
本文介绍了如何在已安装Node和npm的前提下，使用Vue CLI2创建项目。首先，详细说明了安装Vue CLI2的两种方法，包括通过Vue CLI3适配2和直接安装Vue CLI2。接着，展示了Vue CLI2初始化项目的步骤，特别强调了在项目配置过程中关于vue build的选择，以及其对项目性能的影响。此外，还提及了可选的路由、ESLint、单元测试和端到端测试的设置。
摘要由CSDN通过智能技术生成

VUE CLI2创建项目

写在前面：vue cli3创建项目请参考另一篇文章：vuecli3创建项目
vue cli2项目目录：vuecli2项目目录

前提：

必须先安装node和npm
node通过官网下载安装，这里就不赘述了，安装node会自动安装npm
可在命令指示框中通过指令查看是否安装成功
在这里插入图片描述
出现版本号代表安装成功

安装

安装vue cli2 有两种方法：

  1. 安装vue cli3脚手架然后适配2
  2. 直接安装vue cli2脚手架
    安装vue cli3：

  • npm install -g @vue/cli

  • 这个命令安装的是脚手架3，如果要用2需要再安装一个2的模板

    • npm install -g @vue/cli-init
      直接安装vue cli2：

  • npm install -g vue-cli

vue cli2 初始化项目&
最低0.47元/天 解锁文章
NeverGiveUp33
关注
专栏目录
创建vue-cli2项目详解
m0_52673390的博客
02-08 1372
文章目录一、创建vue-cli2项目的语法二、创建cli过程中的配置内容三、创建和启动vue-cli2项目总结 一、创建vue-cli2项目的语法 vue init webpack projectName 创建的就是子文件夹（webpack代表的是模板，也是最常用的模板）（projectName是项目的名称，注意：不能使用大写字母。）如果创建失败了或者异常了，这就说明 当前的vue-cli2没有安装完成，就在当前安装vue-cli2即可。 不知道如何安装vue-cli2？点击进入我的另一篇博客：vue-
vue-cli2搭建项目
weixin_43638272的博客
12-02 1854
vue-cli2搭建项目
vue2-04-利用VueCli脚手架搭建vue2项目步骤、目录解读、eslint缩进配置、自适应配置、less
最新发布
m0_64150479的博客
07-29 1141
利用VueCli脚手架搭建vue2项目详细过程，对创建好的vue2项目进行解释，都是啥，都有啥作用，html缩进和自动修复，px转rem，less
vue2使用vue-cli创建项目
qq_45042330的博客
06-13 1481
vue2使用cli创建项目
vue-cli创建项目
tom的博客
03-14 258
一.vue-cli创建模板项目 什么是vue-cli 是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。 全局安装vue-cli 先安装node 这里就不进行安装了 安装完之后查看命令 【全局安装 webpack】 npm install webpack -g 【webpack 4.X 开始，需要安装 webpack-cli 依赖】 npm install webpack webpack-cli -g 【查看版本号】 webpack -v
vue-cli2创建项目
chesijian的博客
03-08 1617
准备工作 安装node.js后可以通过如下代码配置为使用淘宝的镜像：npm config set registry https://registry.npm.taobao.org 1.安装vue脚手架 npm install -g vue-cli # 只需要第一次安装时执行 2.使用webpack模板创建一个vue项目 vue init webpack my-project 3.回车确认项...
使用vue cli创建vue2项目
x65456的博客
04-08 1077
4这几个的意思是选择你需要的东西。Babel的意思把es6降级到浏览器能识别的语法。一般按下面的选就行。六：现在有两种方法创建vue2项目，一种是在cmd里，一种是在vscode或webstorm的集成终端里。4然后就跟cmd里一样输入输入vue create hello-world按回车。1.打开这个文件夹在地址里输入cmd按回车，然后就出来cmd界面。意思是手动选择特性，前几个选项的意思是默认的。2打开vscode，把它拖到左边，然后右击打开集成终端。9.选第一个，意思是代码规则，在保存的时候校验。
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI 3 的创建项目方法如下： 1. **安装Vue CLI 3**： 首先确保你的环境中已经安装了Node.js，然后通过npm全局安装Vue CLI 3： ``` npm install -g @vue/cli ``` 2. **创建项目**： 使用Vue CLI 3创建一个...
vue-cli2 创建项目
u011067832的博客
10-11 151
cnpm install -g vue-cli vue init webpack 文件夹名 （webpack,webpack-simple） cd 文件夹名 cnpm install cnpm run dev cnpm run build 可在package.json scripts里的dev的最后加上–host 本机ip --port 端口号
vue-cli2项目的创建
weixin_46435234的博客
05-30 158
vue-cli基于webpack与node 安装Node 安装Vue脚手架3 npm install @vue-cli -g //安装的是vue-cli3 3的版本可以创建2的项目 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 安装与卸载指定版本的脚手架： npm
使用vue-cli创建vue2项目以及项目配置
qq_57039857的博客
01-10 4164
1、安装vue-clicmd：npm install -g @vue/cli@4.5.19验证是否安装成功：vue -v 出现版本号说明安装成功2、创建项目vue create 项目名称根据自己的需求选择特性，如下所示：手动选择：选择自己需要的特性：例如：选择vue版本选择路由模式 （输入y和n都可以，y代表history模式没有#号， n代表hash模式有#号）：选择css预处理器，根据需求自行选择：格式化和代码检测的配置，默认的就行：代码格式检测时机，默认就行：你希望配置放在哪：是否保存特性，根据你
使用vue-cli2来构建项目
Salvation2的博客
06-29 255
使用vue-cli来构建项目 一、构建项目 手动创建了项目存放的文件夹【01.vue-cli2-test】，cd到项目中：vue init webpack 【文件夹名】;初始化一下即可,同时还会加载webpack所依赖的包： > vue init webpack vuecli2test 说明：括号中是自己的配置内容 Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写。（vueclitest） Project description:.
vue cli2脚手架创建项目
norang的博客
11-14 329
先来 看看 你有没有 装 vue脚手架 win+R 输入“cmd” 输入“npm config ls” 在prefix的路径中 存放着 npm全局安装的一些东西 安装过程可能会遇到 系统禁止运行脚本的报错 set-ExecutionPolicy RemoteSigned vue init webpack “自己的项目名称” 配合vue的笔记 ...
Vue CLI2之创建项目
weixin_45538554的博客
04-11 336
以下是使用命令行的方式创建项目 vue init webpack foldername//foldername中不能包含大写字母 project name//此处需设置项目名称，如果直接敲回车则默认为文件夹名称 project description Author 会默认从gitconfig文件中提取作者信息 Vue build//runtime or runtime+compiler inst...
vue2如何创建一个项目?
5年编程经验的老猿。
04-28 1584
Vue CLI是一个官方的命令行工具，用于快速搭建vue项目。你可以通过npm来全局安装它： 以下是安装命令：
使用vue-cli2创建项目的总结
mengweizhao的博客
07-13 233
使用vue-cli2创建项目的总结 目前来说vue-cli的版本已经到4版本了，如果想要使用vue-cli2创建项目的话，需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：npm install -g @vue/cli-init 使用vue init webpack my_project创建项目 选择的配置 调整目录结构，并引入vuex 下面是vuex模块的目录机构， 清楚一些默认样式，以及使用scss 使用scss的时候，注意node版本以及一些依赖包的版本。不然
Vue2项目架构搭建（二）——vue-cli脚手架创建项目
qq_27868533的博客
01-19 5163
vue-cli是官方命令行工具，该工具为现代化的前端开发工作流提供了开箱即用的构建配置，只需几行命令就可以搭建好基础架构。安装vue-cli     使用npm全局安装vue-clinpm install -g vue-cli     安装完成后，执行vue list     会报“vue不是内部或外部的命令”，说明环境变量有问题vue-cli环境变量设置     设置vue-cli的系统环境变量
使用vuecli快速创建项目
07-24
您可以按照以下步骤使用 Vue CLI 快速创建项目： 1. 首先，确保您的计算机已经安装了 Node.js。您可以在终端中运行 `node -v` 命令来检查是否已安装 Node.js，并查看安装的版本。 2. 安装 Vue CLI。打开终端并输入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值