使用vue创建项目

最新推荐文章于 2024-07-15 14:11:16 发布
最新推荐文章于 2024-07-15 14:11:16 发布
阅读量149 收藏
点赞数
分类专栏： VUE 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z_qianzhi/article/details/118930551
版权
本文介绍了如何使用Vue CLI创建项目，包括全局安装Vue CLI，检查版本，创建项目，选择预设，挑选项目功能，如Vue版本、CSS预处理器、测试选项等，以及配置路由器和代码格式化。
摘要由CSDN通过智能技术生成

1.首先全局安裝：npm install -g @vue/cli

2.检查其版本是否正确：npm --version

3.创建项目：vue create 项目名称

接下来选择预设：1.vue2默认值        2.vue3默认值        3.手动选择

 4. 选择项目所需要的功能，上下键移动，点击空格键选择

Choose Vue version（选择vue版本）        CSS Pre-processors（css预处理器）

Unit Testing/E2E Testing（测试，主要选择第一个）

5.选择版本，根据自己需求选择，我这里选择的是vue3

 6.路由器使用历史模式：我选择的yes。选择一个linter/formatter配置：建议选择最后一个

最低0.47元/天 解锁文章
小啊慧
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue创建项目
qq_42221321的博客
02-08 600
vue 创建项目1、参考资料2、命令行： vue创建项目3、图形化界面创建vue项目 1、参考资料 资料1：prettier和standard规则比较 资料2：使用 vue-cli 3 快速创建 Vue 项目及项目配置 Vue.config.js 资料3：vue创建项目 资料4：图形化界面创建vue项目 2、命令行： vue创建项目 命令行窗口输入创建一个名为hello的vue项目 vue create hello 接着出现这个选择界面，default为默认配置，这里选择manually手动选择会有更大的
使用vue3.0 创建项目
12-16
在创建项目的过程中，CLI 会询问你选择哪种预设配置，或者自定义配置。对于初学者，推荐选择默认预设，因为它包含了基本的 Vue 功能。如果你熟悉 Vue 或有特定需求，可以选择自定义配置。 项目创建完成后，进入项目...
使用Vue来创建项目
m0_68937827的博客
05-14 379
创建一个vue项目
vue快速上手——创建vue项目，vue基本使用方式，路由vue-Router，转态管理vuex
weixin_73582152的博客
07-15 1058
Node.js 是一个开源、跨平台的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 是基于 Chrome V8 引擎构建的，它的设计目标是提供一种高效、轻量级的方式来构建可扩展的网络应用程序。事件驱动：Node.js 使用非阻塞 I/O 模型，使其非常适合处理大量并发连接，这使得它在构建实时应用程序（如聊天应用）时非常高效。单线程。
用vue创建一个项目
以后的博客
05-19 1087
要先安装node.js  用node -v 和npm -v 查看是否安装完整 然后安装淘宝镜像cnpm来代替npm 加快创建项目的速度 cnpm -v查看是否安装完整 #最新稳定版本 1·npm install vue  如果使用淘宝镜像安装就输入命令行      cnpm install -g vue-cli进行安装， 如果没有安装淘宝镜像依旧用 npm install -g vue-
vue2.0使用(1)：创建新项目
03-15 4819
vue有两种项目创建方式，一种是下载vue.js，通过script标签引入即可；另一种通过vue-cli构建基于webpack的项目，这种项目构建发布需要部署node环境，不能以文件的方式直接打开。 1.全局安装vue命令行工具 npm install -g vue-cli 2.创建一个基于webpack模板的新项目 vue init webpack my-project 注：跟
用vue创建项目
xiaoyuqwer的博客
04-07 129
1. 创建新项目 vue create projectName 2. 安装elementUI vue add element-ui 下面两个选项都选no ? Use scss theme? No ? ElementUi i18n options None 3. 文件介绍 untils文件 —工具文件夹，里面存放工具文件，比如ajax的初始化，表单校验文件 src文件夹里面的assets文件用来存放一些图标或者图片 src文件夹里面的components文件夹一般用来存放一些公共组件，所有页面都能用的上
使用Vue CLI创建typescript项目的方法
10-16
在创建项目的过程中，Vue CLI会引导你选择一系列的配置选项，包括选择预设配置和各种插件。对于TypeScript项目，需要特别注意以下几个步骤： 1. 选择语言类型时，选择TypeScript。 2. 选择Vue版本，建议使用最新...
Vue使用vue-cli创建项目
08-29
Vue 使用 vue-cli 创建项目 一、Vue 使用 vue-cli 创建项目概述 Vue 使用 vue-cli 创建项目是通过官方发布的 vueJS 项目脚手架来创建项目的。vue-cli 是一个可以快速生成 Vue 项目的工具，它提供了多种模板项目，...
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创建项目
AI小华仔的博客
02-09 447
1.vue init 使用 vue init 命令来创建一个项目： $ vue init webpack (vue3-test) // 项目名，这里需要进行一些配置，默认回车即可 进入项目，安装并运行： $ cd vue3-test $ cnpm run dev DONE Compiled successfully in 2558ms I Your application is running here: http://localhost:8080 2.Vite
Vue创建项目
taoCSD的博客
01-18 72
Vue 如何创建项目 vue init webpack 项目名 vue create 项目名 3.0版本 创建失败 看node 是否正常 node -v 脚手架是否正常安装 要是都正常可以卸载重新装 npm uninstall -g @vue/cli npm install -g @vue/cli 然后再创建项目 npm run dev 要是在vscode里边创建 可以再尝试用管理员身份打开创建 ...
Vue 创建项目
az44yao的专栏
05-19 65
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创建项目
最新发布
07-20
使用Vue创建项目通常涉及以下几个步骤： 1. **安装Node.js**：首先需要确保你的计算机上已安装了Node.js，它是运行JavaScript项目的服务器环境。 2. **全局安装Vue CLI**：打开终端或命令提示符，运行以下命令来全局安装Vue CLI工具： ``` npm install -g @vue/cli ``` 3. **初始化新项目**：创建一个新的Vue项目，可以使用`vue create`命令，例如： ```sh vue create my-project-name ``` 这将引导你选择各种配置选项，比如是否包含路由、Vuex等。 4. **进入项目目录**：项目创建完成后，你可以通过 `cd` 命令切换到项目文件夹： ``` cd my-project-name ``` 5. **启动开发服务器**：运行 `npm run serve` 或者 `vue-cli-service serve` 来启动本地开发服务器，并查看项目在浏览器中的预览效果。 6. **编辑源代码**：现在你可以开始在`src`目录下的各个文件夹（如`components`, `views`, `store`等）中编写Vue组件、模板和逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

小啊慧

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

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

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

打赏作者

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

抵扣说明：

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

余额充值