Vue CLI2之创建项目

最新推荐文章于 2022-04-29 13:47:07 发布
最新推荐文章于 2022-04-29 13:47:07 发布
阅读量330 收藏
点赞数
分类专栏： 笔记 前端 英文
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45538554/article/details/105456402
版权
笔记 同时被 3 个专栏收录
29 篇文章 0 订阅
订阅专栏
前端
25 篇文章 0 订阅
订阅专栏
英文
3 篇文章 0 订阅
订阅专栏

以下是使用命令行的方式创建项目

vue init webpack foldername//foldername中不能包含大写字母
project name//此处需设置项目名称，如果直接敲回车则默认为文件夹名称
project description 
Author 会默认从gitconfig文件中提取作者信息
Vue build//runtime or runtime+compiler
install vue-router?
Use Eslint to lint your code?//Eslint会检测代码规范
Set up unit tests
Set up e2e tests with Nightwatch?//e2e为端到端测试
Should we run 'npm install' for you after the project has been created?
建筑转Java-张无忌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
使用vue-cli创建vue2项目以及项目配置
qq_57039857的博客
01-10 4136
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-cli（2.9.6）快速构建一个 Vue 项目
从事厨房信息化行业，万能对接所有点餐系统，kds，智能控菜，酒店协调软件
09-22 2313
另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。原文链接：https://blog.csdn.net/guangwenyin/article/details/123462007。一个库，提供自己的 API，同时提供上面提到的一个或多个功能，如 vue-router。webpack官网：https://webpack.docschina.org/Vue.js官网：https://cn.vuejs.org/
vue-cli 初始化创建 vue2.9.6 项目
wgchen
04-29 5042
阅读目录vue-cli 安装vue-cli 初始化创建项目1、vue init命令讲解2、初始化创建项目package.json项目结构1、build目录（webpack配置）2、config目录（vue项目配置目录）3、node_modules（项目依赖包）src 项目核心文件讲解项目的主页 E:\node\vue296\index.html入口文件 E:\node\vue296\src\main.js根组件 E:\node\vue296\src\App.vue路由配置 E:\node\vue296\sr
使用vue-cli创建vue2项目（详解）
逆水行舟 不进则退
04-02 9807
使用vue-cli创建vue2项目（详解） 说明！！！：Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。所以使用脚手架创建vue2的项目，需要先全局安装一个桥接工具，然后创建一个vue2的项目： 第一步：搭建node运行环境，根据操作系统选择相应安装包 下载地址：https://nodejs.org/en/download/ 检验是否安装成功，命令行中直接输入node -v，返回版本号即可。 第二步：安装webpack npm i
vue-cli 创建 vue 2.X 项目
悟世君子的博客
06-17 7216
1、全局安装 vue-cli npm install -g vue-cli 2、创建存放项目的工作区文件夹 project 3、在 project 文件夹打开 cmd 窗口 执行如下命令，创建名为 finance 的项目 vue init webpack finance vue-cli 会以交互的方式问你是否需要安装相关插件，如 vue-router，ESLint 等，这里可根...
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-cli脚手架创建vue项目步骤
10-17
接下来，我们将详细探讨如何使用Vue CLI创建Vue项目。 **一、安装Vue CLI** 在开始之前，确保你的计算机上已经安装了Node.js，因为Vue CLI是基于Node.js的。你可以通过运行`node -v`检查是否已安装。如果没有，你...
使用Vue CLI创建typescript项目的方法
10-16
主要介绍了使用Vue CLI创建typescript项目的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue2项目架构搭建（二）——vue-cli脚手架创建项目
qq_27868533的博客
01-19 5160
vue-cli是官方命令行工具，该工具为现代化的前端开发工作流提供了开箱即用的构建配置，只需几行命令就可以搭建好基础架构。安装vue-cli     使用npm全局安装vue-clinpm install -g vue-cli     安装完成后，执行vue list     会报“vue不是内部或外部的命令”，说明环境变量有问题vue-cli环境变量设置     设置vue-cli的系统环境变量
vue-cli3的安装和项目创建
热门推荐
09-18 1万+
目录 一，vue-cli2的安装和项目创建 （一）安装vue-cli2 （二）创建vue-cli2项目 二， vue-cli3的安装和项目创建 （一）vue-cli3的安装 （二）vue-cli3项目创建 1，用dos命令的方式 2，图形化界面的方式 一，vue-cli2的安装和项目创建 （一）安装vue-cli2 在安装vue-cli2之前，先要安装cnpm，参...
vue-cli创建项目
tom的博客
03-14 239
一.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-cli 安装及创建项目(vue 2.x)
ken 的博客
09-12 2598
安装 npm install vue-cli -g /*g 全局安装*/ 创建项目 vue init webpack demo1  /* webpack 官方模板名称， demo1 项目名称*/ 安装依赖（须先进入项目目录） npm install  运行（须先进入项目目录） npm run dev 生成 npm run build...
使用vue-cli（2.9.6）构建一个vue的项目
qq_25354709的专栏
02-11 4626
一、全局安装vue-cli npm install vue-cli -g 初始化一个vue的项目 vue init webpack vue-book ? Project name vue-book ? Project description A Vue.js project ? Author xxx ? Vue build standalone ? Install vue-route...
使用vue-cli2创建项目的总结
mengweizhao的博客
07-13 231
使用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版本以及一些依赖包的版本。不然
vue-cli 2.9.3 详细入门教程
猫老板的豆
04-23 3230
https://github.com/Trojain/vue-cli-2.9.3 一、安装vue-cli 1.使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），命令如下： npm install vue-cli -g . 2.可以用vue -V来进行查看 vue-cli的版本号。注意这里的V是大写的。如果vue -V的命令能显示版本号，说...
vue 2.9 创建第一个vue项目（包括 vscode工具 针对vue的配置 ）
superKM的博客
03-13 6737
前期准备 vue 2.9的配置：http://blog.csdn.net/superkm/article/details/79533783 需要准备的环境和工具都准备好，接下来就开始使用vue-cli来构建项目。   在硬盘上找一个文件夹放工程用的。这里有两种方式指定到相关目录：①cd 目录路径  ②如果以安装git的，在相关目录右键选择Git Bash Here 打开命令终端，通过web...
vue-cli2与vue-cli3 新建项目
weixin_39520640的博客
11-22 1427
1、新建项目 vue init webpack test 2、安装axios，qs npm install axios npm i qs 在main.js中 //1、引入 import axios from 'axios' import qs from 'qs' //2、将axios，qs配置成vue的原型 Vue.prototype.$axios...
VUE CLI2创建项目
elite_zhou的博客
01-13 260
VUE CLI2创建项目 写在前面：vue cli3创建项目请参考另一篇文章：vuecli3创建项目 前提： 必须先安装node和npm node通过官网下载安装，这里就不赘述了，安装node会自动安装npm 可在命令指示框中通过指令查看是否安装成功 出现版本号代表安装成功 安装 安装vue cli2 有两种方法： 安装vue cli3脚手架然后适配2 直接安装vue cli2脚手架 安装vue cli3： npm install -g @vue/cli 这个命令安装的是脚手架3，如果要用2需
vue cli 创建vue2项目
最新发布
09-02
要使用Vue CLI创建Vue2项目，你需要先全局安装一个桥接工具，并按照以下步骤进行操作： 1. 第一步：搭建Node.js运行环境。根据你的操作系统选择合适的安装包，可以在官网https://nodejs.org/en/download/下载安装。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

建筑转Java-张无忌

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值