创建vue脚手架项目

已于 2022-08-04 23:09:56 修改
阅读量249 收藏
点赞数 1
分类专栏： vue2后台管理系统 文章标签： 前端 javascript 开发语言
于 2022-07-30 22:51:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maowencai/article/details/126078965
版权
该教程详细介绍了如何一步步新建并配置Vue项目。从创建空文件夹开始，通过vueui打开，设置项目路径，命名项目文件夹，选择手动配置，到保存预设以便后续快速创建项目。最后，通过npm run serve运行项目。整个过程清晰易懂，适合Vue初学者。
摘要由CSDN通过智能技术生成

第一种方法

第一步：新建一个空的文件夹

 第二步：打开输入 vue ui 

 

第三步：放路径 ，然后点击创建项目

 第四步：新建项目文件夹名字

第五步：这里选择手动配置

 第六步：这里自行配置，看自己需要什么就点那个

 第七步：

 第八步：这里的新预设，就是你下一次配置的时候不需要重新进行配置了。下一次创建新的项目在第五步就可以看见你现在保存的这个预设（这里保存和不保存都可以）

 成功了！

这样子就是创建运行好了，运行记得点击启动app，当然你也可以关掉它，在项目里面npm run serve运行

我的86呢！
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
搭建Vue脚手架（vue-cli）并创建一个项目
吴小花的博客
02-19 763
1、 安装nodejs环境 官网下载：https://nodejs.org/en/download/ 一直默认就行，路径可以改变但要记得到 安装完成后cmd，输入 node -v npm -v 如果能看到node和npm的版本号了，说明已经安装成功 2、安装vue-cli 有npm和cnpm两种方式 首先利用淘宝镜像安装cnpm npm install...
脚手架vue-cli自定义创建Vue项目，完整详细步骤！
最新发布
共同学习，共同成长
06-04 463
脚手架vue-cli自定义创建Vue项目，完整详细步骤！
Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli）
meinanqihao的博客
05-12 2668
Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli） Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在这里跟大家说说，希望
新建Vue项目（脚手架）
qq_43776195的博客
06-07 472
新建Vue项目（脚手架）
Vue脚手架项目创建
m0_61489612的博客
02-22 180
选择你要部署的项目的位置， 然后输入vue create 项目名(必须英文)。这一步可能会卡住，如果等待时间过长按下Ctrl+c。这里默认为1、7，我选择的是4、5、6。（按下键盘数字键选择勾选和取消勾选） 然后回车确定。使用命令cd，进入到所部署的项目位置，然后npm run serve。安装完成之后运行cmd，输入：node -v，出现以下信息就安装好了。安装完成后输入vue -V，出现以下信息代表安装成功。，选择16.12版本，因为旧版本比较稳定。选择css的预处理工具。Vue项目创建成功！
创建Vue脚手架项目
hy3528的博客
03-11 183
先下载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脚手架创建项目
weixin_45844109的博客
09-09 412
使用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项目
oJinGe123的博客
04-11 240
使用脚手架创建vue项目 使用vue脚手架创建的项目分两种，一种是webpack项目，一种是webpack simple项目，webpack项目使用于大型的项目，webpack配置文件修改起来比较方便，可配置项比较多，如果对webpack不熟悉的话，也会比较好修改 webpack simple项目把webpack 配置项压缩在一个文件里，如果是做测试，demo，练习用就够用了 命令如下： vue init webpack test-demo //test-demo 是项目名称 vue init webpac
webpack 创建 vue脚手架项目
domunweb的博客
03-21 563
1.安装 node   安装地址：  https://nodejs.org/zh-cn/   node -v 查看nodeJS是否安装成功及版本号   npm -v 查看npm版本号 2.安装GIT   安装地址：https://git-scm.com/   git -versi...
使用Vue脚手架创建Vue项目
m0_70955866的博客
11-04 416
5. 检查你是否安装vue/cli,只需要在命令行运行vue指令,如果不报错,则说明安装成功。Vue脚手架隐藏了所有的webpack相关的配置,若想查看具体的webpack配置,请执行。在弹出的选项中,选择你需要安装的配置项: 通过上下键进行切换,通过空格键进行是否选中。在弹出的选择中,表示是否是使用history方式创建路由:默认,选择y。参考:资料/vue.js环境搭建.docx。vue create 项目名。
VUE-使用vue脚手架创建项目
Robin的博客
04-02 751
1、创建存放项目的目录 2、进入目录 按住shift键 鼠标右击，打开powershell 3、在命令行窗口执行 vue ui 打开vue项目管理器 4、创建项目 1、选择项目存放位置 2、输入项目名，选择包管理器 3、选择预设，这边选择手动配置 4、勾选相关插件 5、选择vue.js版本，路由模式，eslint配置模式 6、创建项目，不保存预设。 也可以输入预设名保存预设并创建项目 7 、等待项目创建完成 8、项目创建完成 9、启动...
vue创建脚手架项目
m0_62181310的博客
06-14 6278
@vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目目录一、创建脚手架项目1.全局安装命令2.查看vue脚手架版本3.@vue/cli 创建脚手架项目-启动3.1 创建项目3.2 选择模板3.3 回车生成文件3.4 进入项目启动文件 二、vue脚手架文件说明1.目录和代码分析2.主要的3个文件和关系 三、vue/cli自定义配置1.自定义服务配置2.eslint暂时关闭设置 四、单vue文件开发五、清空脚手架欢迎界面 2.查看脚手架版本 如果出现版本号就安装成功
Vue创建脚手架项目
aa
04-06 730
vue脚手架创建项目要使用Vue脚手架创建一个新的项目，请按照以下步骤操作：确保你已经安装了Node.js和npm。安装Vue CLI（Vue的官方命令行工具）：这里我已经安装完了 从创建项目开始演示打开vscode终端（ctrl + ~）直接输入以下命令我这里创建到C盘上了，你可以切换到别的盘符此时屏幕会显示?选择你要创建vue2或者vue3项目，这里我选的是vue2（键盘上下按键就可以选择,完毕后按回车）此时屏幕会显示一些信息等待即可。
vue脚手架创建项目
ITronger的专栏
04-02 1220
1. 安装NodeJS 2.使用npm 安装vue和@vue/cli 安装成功后，在命令行使用vue -V查看是否安装成功。 3. 使用命令vue init webpack “工程名”，初始化一个vue工程。
创建一个Vue项目（Vue脚手架）
qq_53701704的博客
07-13 180
vue create vue xxx xxx即你要创建的项目名称。我们在选择的时候会出现vue2 跟 vue3 根据实际情况选择即可。这样表示成功我们只要去本地搜索localhost:8080即可。我们可以通过Vue的脚手架来快捷生成一个Vue的初始化项目。当然我们要先创建好vue -cli 通过如下命令。最后一步我们在命令窗口中运行即可。通过已下命令找到我们要创建的地址。就会出现一个Vue的网页。
用脚手架创建一个Vue项目
weixin_50241387的博客
03-18 2700
目 录 1、安装node.js 2、查看npm 3、安装cnpm ①新建文件夹 ②通过淘宝镜像安装相关依赖 ③显示当前镜像网址 ④安装cnpm 4、安装vue-cli脚手架构建工具 ①输入命令进行安装 ②查看是否安装成功： 5、用脚手架创建vue项目 ①初始化项目 6、启动项目 ①进入项目 ②启动服务 ③输入ip地址打开项目 7、项目文件介绍 ①目录介绍 ②生命周期流程图 Vue 提供了一个官方的 CLI，为我们快速搭建大型单页应用专门...
Vue脚手架搭建项目
酸菜丶小子
07-27 4864
Vue脚手架搭建项目以及node版本切换
vue-cli脚手架创建VUE项目
w_t_y_y的博客
06-26 648
1：打开cmd命令行，首先安装node步骤：https://nodejs.org/en/download/ node官网，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版本信息即表示安装成功。2：npm包管理器是集成在node中的，所以直接输入npm -v就能查看到版本信息3：输入npm install -g cnpm --registry=htt...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值