使用脚手架创建vue项目

最新推荐文章于 2024-08-25 18:02:18 发布
最新推荐文章于 2024-08-25 18:02:18 发布
阅读量64 收藏
点赞数
分类专栏： vue 前端开发 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41069755/article/details/117509208
版权

使用脚手架创建vue项目

个人建议不要使用cnpm方式安装 因为国内的不"纯洁" 偶尔会抽风

cnpm会安装一些莫名其妙的乱七八糟的东西
如下:

创建Vue项目方法

 vue create 项目名称

 基于脚手架的项目目录 最简单的目录结构

 node_modules 模块(插件)

 public/static 静态目录所有的不需要编译的静态资源都会放在这个里面(图片,外部的css,外部的js)

 --src 源 各种各样的内容 需要编译的或者是自己写的内容

 ---assets 放的都是自定义的css和js scss 也有的有img 和 fonts

 还会有core或者lib或者template或者....

 ---components 组件的 也可能会有core或者lib或者template或者....

 ---router 路由

 ---store 首页入口的js文件 数据库文件 Vuex的常用变量 数据操作 getters引用文件....

 ---views 页面目录

 ---App.vue

 ---main.js
Sunsit
关注
专栏目录
通过vue脚手架创建项目
weixin_45844109的博客
09-09 443
使用vue-cli脚手架搭建vue开发环境 安装全局vue-cli脚手架，用于帮助搭建vue框架的模板项目。 打开cmd，执行以下指令。 cnpm install vue-cli -g 安装vue脚手架 关闭cmd重新打开，执行以下命令，验证vue安装是否成功 vue vue -V 验证vue安装成功 或者如下： 使用webpack打包工具，启动vue项目 创建一个工作空间用于保存项目，比如本文使用D:\workspace\vs_workspace 打开cmd，通过cd指令进入该目录 进入
使用Vue脚手架创建Vue项目
m0_70955866的博客
11-04 451
5. 检查你是否安装vue/cli,只需要在命令行运行vue指令,如果不报错,则说明安装成功。Vue脚手架隐藏了所有的webpack相关的配置,若想查看具体的webpack配置,请执行。在弹出的选项中,选择你需要安装的配置项: 通过上下键进行切换,通过空格键进行是否选中。在弹出的选择中,表示是否是使用history方式创建路由:默认,选择y。参考:资料/vue.js环境搭建.docx。vue create 项目名。
使用脚手架创建项目Vue项目
m0_45219210的博客
07-11 145
1、全局安装最新版本的vue-cli（vue脚手架） 2、在自己所建立的文件夹下使用vue create vue-dome（你的项目名称） 3、这里会让你选择用到的vue版本，是否用到babel，eslint。这里我们可以通过键盘上的上下键来控制，这里选择Vue2版本 4、然后提示选择安装的包工具使用什么，这里选择npm,然后回车 5、使用vscode打开项目，注意一次只能打开一个项目，不能打开管理项目的文件夹。打开终端，使用npm run serve运行一下项目。当看到Vue的..
vue-cli搭建项目过程
最新发布
2302_78078800的博客
08-25 1932
前端js框架 vue-cli的使用
脚手架创建VUE项目
weixin_44887137的博客
10-21 311
运用脚手架创建Vue项目的两种方式（基于3.x版本） 1、基于交互式命令行的方式 Vue create my-project 2、基于图形化界面的方式 Vue ui 下面，我们将以图形化界面的方式演示项目创建过程 基于图形化界面的方式 1、打开命令行窗口，输入Vue ui，回车 2、选择一个路径，再点击在此创建项目 3、输入项目名称，填写初始提交信息，其他选项默认 4、选择一套预设，第一次创建项目的话，推荐使用手动配置，然后点下一步 5、在功能这块推荐打开Babel、Router、Lint
使用脚手架搭建vue项目
m0_65520060的博客
07-08 983
下面这个是对创建vue项目的方式进行选择，下面主要讲解下面三种方式Default ([Vue 3] babel, eslint) 创建vue3项目（默认配置）Default ([Vue 2] babel, eslint) 创建vue2项目（默认配置）Manually select features 自定义的方式搭建vue项目（重点）下面呢主要对如何自定义配置vue项目来进行讲解（通过上下箭头进行选择，Enter键确定那种搭建模式）
使用vue脚手架创建vue项目
weixin_44575660的博客
07-26 250
验证node版本和npm版本，如果没安装没安装，请查看安装教程 node -v npm -v 一般npm太慢所以使用npm下载cnpm,安装完验证一下(cnpm或cnpm -v) npm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue-cli，首选第一个，因为快，也可能会出错，之前就遇到过，出错时就只能选第二个了 cnpm install -g @vue/cli 或 npm install -g @vue/cli 搭建
2024最新：关于基于vue-cli脚手架创建vue项目（图文版）
m0_69097184的博客
09-21 594
它确保各种构建工具与合理的默认值一起顺利运行，因此您可以专注于编写应用程序，而不是花费数天时间争论配置。同时，它仍然提供了调整每个工具配置的灵活性，而无需弹出。TypeScript 是一个 JavaScript 的超集，包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript 在浏览器运行。代码风格检查和格式化（如：ESLint）【建议选择】vue-router（Vue 路由）【建议选择】。vuex（Vue 的状态管理模式）。E2E（端到端）测试。概述（来源于官方文档）
使用脚手架（Vue-Cli）快速创建一个vue项目的步骤
qq_59808309的博客
01-22 5153
一、安装vue https://cn.vuejs.org/v2/guide/installation.html 二、先确定是否安装了node.js、npm和cnpm node.js的下载地址：Node.js NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编
基于脚手架创建Vue项目实现步骤详解
10-15
以下将详细介绍基于Vue CLI创建Vue项目的过程。 首先，准备工作至关重要。确保你已经安装了Node.js环境，因为Vue CLI是基于Node.js的。你可以通过在命令行输入`node -v`来验证Node.js是否已安装，并检查其版本。接...
Vue脚手架创建项目
qq_43409811的博客
12-07 92
如果出现无法初始化的 npm i -g @vue/cli-init 或者 检查一下vue -V 是否配好了（有可能是 路径没有添加到环境变量中） npm 的正常配置 一.初始化一个项目 vue init webpack hello4 ? Project name hello4 ? Project description A Vue.js project ? Author hdy <2855181983@qq.com> ? Vue build standalone ? Install vu.
vue脚手架创建项目
热门推荐
Dear
12-08 1万+
什么是vue-cli vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目以及更改对相应的webpack配置 安装vue 全局安装 npm install vue -g 局部安装 npm install vue 我这里采用的是全局安装 安装vue-cli脚手架构建工具 脚手架2.x以上 npm install vue-cli -g 脚手...
vue脚手架创建vue项目
weixin_45629977的博客
11-06 392
安装步骤 1、安装node.js，下载地址：https://nodejs.org/en/download/ 然后在cmd中测试一下是否安装成功，输入node -v，npm -v 2、安装3.x版本的vue脚手架，输入npm install -g @vue/cli 查看是否安装成功，输入vue -V 创建vue项目 1、基于交互式命令的方式创建新版vue项目： vue create my-project 上下箭头选中最下面的手动选择模板。第一种是之前创建的项目模板，第二三是默认模板。 单击空格选择
创建Vue脚手架项目
hy3528的博客
03-11 196
先下载node.js 去官网下载 npm install npm install vue-cli -g （然后输入这行 然后从第四步开始） 1、npm uninstall vue-cli -g （卸载） 2、npm uninstall webpack (卸载webpack) 3、cnpm -v 4、cnpm install webpack -g() (创建项目前安装webpack) 5、vue...
使用Vue脚手架(vue-cli)创建项目
weixin_45406850的博客
11-03 99
前置条件：需要有node环境 1.全局安装vue-cli 如果下载速度慢，也可以使用淘宝镜像 如果安装失败，可以使用npm cache clean清理缓存，然后重新安装。 2.安装完成 3.创建项目 这里使用的是webpack的项目模板 进入到创建项目的文件夹路径中 上面的选项根据自己项目所需进行选择 只要出现如下界面，证明项目启动成功，搭建完成了 ...
使用vue脚手架创建一个项目(一)
在无知中学习，在学习中成长，在成长中学习
09-07 7046
使用vue脚手架创建一个项目第一步:是否安装Vue CLI 的包第二步：检查版本是否正确或者是否安装成功第三步：创建一个项目第四步：预设置项目1.选择vue的版本2.x或者3.x2.选择代码校验第五步：启动项目1.启动报错2.报错3.启动成功 第一步:是否安装Vue CLI 的包 按住wins+r,打开命令行，输入下面命令 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-c
使用脚手架创建vue3项目
05-11
使用脚手架创建Vue 3项目，可以采用Vue CLI 4.x工具来实现。具体步骤如下： 1. 首先需要安装Node.js和npm，如果已经安装可以跳过这一步。 2. 打开终端（Windows用户可以打开cmd或者PowerShell），输入以下命令安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值