vue create~~初始化项目

最新推荐文章于 2025-04-04 12:35:56 发布
最新推荐文章于 2025-04-04 12:35:56 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： vuejs 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_71814235/article/details/127301383
版权
本文介绍了如何使用 `vue create` 命令初始化一个 Vue.js 项目，包括选择特性如 Babel、TypeScript、PWA、Vuex 和 Router，并进行版本与配置选择。项目创建成功后，通过 `cd` 和 `npm run serve` 启动项目，最后在浏览器中访问指定地址以查看项目运行效果。

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

vue create~~初始化项目

执行命令：vue-news-mobile

 

键盘上下键选择, 选择自己需要的特性（上下键移动键，空格键是否选中，a 键切换选择所有，i 键反转选择选项）

 

( ) Babel //

( ) Babel //支持高阶语法转换

( ) TypeScript//支持使用 TypeScript 书写源码

( ) Progressive Web App (PWA) Support //支持PWA

( ) Router//路由

( ) Vuex // store

( ) CSS Pre-processors// CSS 预处理器

( ) Linter / Formatter // 代码风格检查和格式化

( ) Unit Testing //支持单元测试

( ) E2E

最低0.47元/天 解锁文章
vue2-elementUI-初始化启动项目-git
m0_51492817的博客
09-04 1872
这种分层架构思想, 可以更好的统一管理项目中所有接口, 并也方便统一给axios方法添加拦截器和修改基地址。, 因为vscode+eslint插件要使用配置文件.eslintrc, 按照这个的规则检查你的代码。为项目开发做准备，把不需要的代码、文件删除掉。一定要把脚手架工程, 作为vscode。images 文件夹。
Vite+vue3+ts 项目初始化底座
02-21
【标题】：“Vite+vue3+ts 项目初始化底座” 在现代Web开发中，开发者经常寻求高效、快速的工具来构建Vue.js应用程序。Vite，由Vue.js作者尤雨溪开发，正逐渐成为这样的首选工具。它利用了最新的浏览器原生特性，...
Vue初始化创建项目
Cao_Mary的博客
02-16 1004
Vue初始化创建项目1.创建项目：2.打开项目：3.删除项目中的默认添加文件4.添加自己的东西4.1.初始化HTML中的代码：4.2.使用视口缩放+rem的方式适配移动端。4.3.运行查看效果：npm run serve4.4.借助postcss-pxtorem实现自动将px转换为rem。4.5.借助webpack实现CSS3/ES678语法的兼容4.6.借助fastclick，解决移动端点击事件100-300ms延迟的问题4.7.初始化默认的全局样式：5.创建后目录结构 1.创建项目： 安装脚手架工具
VUE3初始化项目安装
最新发布
打造专业技术博客
04-04 387
第3步：安装个vscode，打开这个目录，找到控制台，执行命令：npm run dev。此时由于环境问题可能会报错，我的就报错了，提示【'vite’不是内部或外部命令，也不是可运行的程序】，根据提示得知是因为没有安装vite，因此需要进行安装。第2步：在你的本地磁盘上任意位置（你喜欢的地方，为啥要单独建立呢？方便管理）建立一个文件夹，这个文件夹就是你要建立的项目。这里可以根据你的需要选择选项，这里我就选择了如上图所示的选项。第4步：最后，我们再次执行“npm run dev”，我们看到，终于成功了。
构建vue初始化项目 第一种方法：vue create 命令构建vue项目
weixin_72303943的博客
07-10 1万+
构建vue初始化项目 第一种方法：vue create 命令构建vue项目
Vue项目创建教程
訾博（ZiBo）的博客
07-19 357
文章目录1、工程初始化步骤第一步：打开命令行窗口，使用`vue create jingdong`创建 Vue 项目第二步：选择`Manually select features`第三步：选择需要的模块，使用 空格键 勾选第四步 ：选择 `Vue 3.X` 版本第五步：输入 `n`第六步：选择 `Sass/SCSS(with dart-sass)`第七步：选择 ` ESLint + Standard config`第八步：选择 `Lint on save`第九步：选择 `In dedicated config
vue项目创建及配置选择
qq_52764250的博客
01-22 5774
前言 vue是一套用于构建用户界面的渐进式框架。我使用vue最直观的感受就是它组件化开发的高效率和高复用。接下来我将讲述从从零搭建vue框架。 准备 在我们创建vue项目之前我们需要的环境配置 Node.js :Javascript运行环境 npm ：包管理工具（同Node.js一同安装） vue.js : 官方命令行工具 npm install vue -g wepack :前端资源加载、打包工具 npm install webpack -g vue全家桶 了解vue全家...
vue-project:快速初始化vue项目的模板文档
05-07
vue-project 快速初始化vue项目的模板文档 # 使用预设项目模板创建新项目 vue create --preset shaonianzhentan/vue-project my-project
vue项目初始化到登录login页面的示例
10-16
今天，我们将深入探讨如何从Vue项目的初始化到构建一个基本的登录页面的整个流程，包含Vue CLI工具的使用、路由设置、组件编写等关键知识点。 1. Vue CLI介绍 Vue CLI是Vue.js官方提供的一个基于Vue.js进行快速开发...
vue 创建新项目
weixin_44161385的博客
02-11 3万+
vue创建新项目的几种方式
vue create 新建项目选项
xfWgaoqiang的博客
10-14 9610
一 . 安装 vue cli npm install -g @vue/cli 二 . 创建项目 vue create ‘项目名’ vue create hello-world 1、选择 Manually select features (自选项目配置) Vue CLI v3.1.3 ? Please pick a preset: Manually select features ? Check the features needed for your project: (Press <sp
vue create创建项目手动配置步骤
weixin_45032067的博客
08-16 4138
vue create创建项目
Vue新建项目的时候，自己的一些总结
CherryLee_1210的博客
06-25 4722
我们在之前搭建一个vue项目直接按照vue官方文档里面的安装指示 npm install -g vue-cli vue init webpack my-project 这两行代码是指引我们创建一个vue项目，可是尴尬的是，现在vue-cli好像不好使了。 后来仔细看了一下vue的官方文档。 另附一VUE CLI的官方地址 https://cli.vuejs.org/ 点进去一看，...
使用vue创建项目的详细步骤
小虫兄的博客
08-23 1万+
一、前言 1、本例环境 node.js：v12.14.1 npm：v6.13.4 vue：@vue/cli 4.2.3 2、node.js环境安装与测试 由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。 检测方式：打开cmd命令窗口（Window + R，输入cmd然后回车），输入 node -v 回车，正常显示node.js版本代表已安装。 因...
vue create 新项目时，命令行工具卡死（npm卡死）
diyingdun1957的博客
03-29 1980
将.vuerc文件的useTaobaoRegistry改为true即可。 转载于:https://www.cnblogs.com/dapengFly/p/10620587.html
使用 vue-cli 3 快速创建 Vue 项目及项目配置 Vue.config.js
Alice_124的博客
07-17 7万+
1.使用 npm install -g @vue/cli # or yarn global add @vue/cli 查看版本（是否安装成功）：vue -V(大写的V)   11576163-5ebc6d418467d0c4.png 2.命令变化 Commands: create [options] &lt;app-name&gt; create a ...
vue里使用create、mounted调用方法的正确姿势
热门推荐
Honins的博客
09-05 9万+
首先，我之前有个错误的写法： 错误有2： 1，我一直以为在created里定义方法然后使用，其实这里的getCustomerInfo只是调用 2，所有的方法都应该在methods里定义，然后在created或者mounted里 使用this调用方法，用这种方式实现初始化 正确写法： 这样，页面开始会初始化信息，修改信息后会执行getCustomerInfo()方法刷新数据，这...
vue学习二：vue初始化的过程一（实例初始化、生命周期beforecreate---create）
梦不止步的博客
11-05 8192
vue的MVVM模式看完后，接下来看一下，new Vue（{}）加载的过程是什么：     从_init方法进入分析主要分三块   先分析实例初始化： 1.initLifecycle(vm)initLifecycle(vm)： 生命周期变量初始化 options.abstract用于判断是否是抽象组件，组件的父子关系建立会跳过抽象组件，抽象组件比如keep-alive、t...
Vue环境搭建与项目初始化详解：NPM、Webpack与vue-cli
只需使用`npm install -g vue-cli`或`npm install vue-cli -g`进行全局安装，然后使用`vue create project-name`来初始化项目。 对于网络环境的配置，文章提到了如何设置npm的代理，以解决在网络受限的情况下访问...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值