vue项目创建

最新推荐文章于 2024-08-06 19:05:22 发布
最新推荐文章于 2024-08-06 19:05:22 发布
阅读量90 收藏
点赞数 1
分类专栏： 安装 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cnfabu/article/details/119375488
版权

第一步 安装命令

npm i -g @vue/cli

 安装完成查看脚手架版本 （使用命令vue -V）

 提示：脚手架在4以上的版本才能创建vue3的项目

第二步 在文件夹中创建项目

vue create jd //jd是自定义的项目名

 输入命令后回车，需要做一些选择

正在进行创建如下图

第三步 完成创建

执行运行命令，看项目是否正常启动

npm run serve

浏览器地址栏输入localhost：8080 ，默认端口为8080

出现以下页面则创建成功

怡呀呀
关注
专栏目录
Vue项目创建与项目结构解析
weixin_43576422的博客
11-02 1323
一、新建项目 前置条件： 打开命令行查看是否有需要的环境。 node环境：（若无则安装：npm install -g cnpm –registry=https://registry.npm.taobao.org） vue-cli:（若无则安装：npm install --global vue-cli） 切换到power shell： 新建一个放项目文件夹并进入： vue init webpack 项目名 说明： Vue build ==> 打包方式，回车即可； Install vue-rou
Vue项目创建
2301_76622053的博客
04-15 2004
这个插件需要写rem单位 但是美工给的设计稿是px单位 需要去计算、转换单位 这不利于编写和维护 所以需要一个插件 就是写的px单位 但是项目打包工程中 自动把px单位转为rem单位。之前在node中导入模块用的是require方法 现在在vue中导入模块用的是import方法。在promise对象里 成功是执行.then里的代码 失败是执行.catch里的代码。vant组件中默认的导航栏样式（下面）和项目中要的是不一样的 就要去修改样式。
通过命令行创建vue项目的方法
08-29
主要介绍了通过命令创建vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
通过命令创建vue项目
weixin_34363171的博客
12-06 477
环境要求： 安装有 Node.js、 vue、vue-cli 。 创建项目： vue init webpack projectName 进入项目，下载依赖： npm install 或者 cnpm install 运行项目： npm run dev 效果如下： 创建项目 进入项目，下载依赖 启动项目 浏览器查看效果 转载于:https://www...
Vue脚手架的安装（超详细篇，保姆级教程）
最新发布
cfjbcg的博客
08-06 3089
打开一下你刚刚的安装目录nvm，双击打开，找到settings.txt，然后用记事本编辑打开，复制粘贴。nvm install 14 nvm install latest // 安装最新版本node。-g的意识是全局安装，就-g和-s，-s是局部安装，就是只在当前项目可以使用。这边的安装版本可以跟我的一样，安装16.20.2和14.21.3的版本。可以看到这个就说明你刚刚安装的版本成功了！16版本的node就是跟着8版本的npm。14版本的node就是跟着6版本的npm。在这边进行项目的运行，快捷键。
创建vue项目命令
weixin_58293163的博客
07-12 3018
node之后搭建环境 npm install --global vue-cli创建项目 vue create demo 版本过低 cmd出现两行命令 删除 重新下载 执行成功后创建项目 vue create demo 出现 选择vue3 vue2cd demo切换运行npm run serve
命令创建vue项目工程
wssy_day的博客
03-17 1968
vue用命令安装创建项目，详情讲解
使用命令创建 VUE 项目
-ELZ-
03-23 1310
第一步：检查 vue/cli 的版本 只有当 vue/cli 的版本高于 4.0 才可以使用命令创建 vue 项目 第二步 使用 vue create 项目名 创建项目 项目名不能包含大写字母，否则会创建失败 第三步：选择默认配置还是手动配置 选项一：默认配置 选项二：手动配置 （选择了手动配置） 第四步：根据项目需求选择配置项 空格：选中或取消 a：全选或全取消 上下箭头：移动到某一项 回车：进入下一步 （选择了1、4、5、6、7） Babel：Babel 编译器，可以将高级语
Python Django Vue 项目创建过程详解
09-18
4. **打包Vue项目** 进入`webfront`目录，安装依赖并运行构建命令： ``` cd webfront npm install npm run build ``` 这将生成一个`dist`文件夹，包含`index.html`和`static`文件夹，它们包含了Vue应用的编译...
vue项目创建（仅供参考哦）
12-18
vue项目创建（仅供参考哦）
使用命令行创建vue项目
热门推荐
博客的博客
02-27 2万+
准备 首先需要安装vue-cli 打开命令提示符输入 npm i -g @vue/cli 安装完成后就可以开始创建vue项目 1.基于命令行的方式创建vue项目 vue caeate project-name 2.基于图形化界面的方式创建vue项目 vue ui 开始创建项目 1.在终端中输入 vue create vue_project_01 按下回车开始创建项目 2.此时会...
Vue项目创建指令
qq_41621512的博客
12-08 1474
基于VS Code开发工具的基本操作。 创建一个空白文件，然后右键在终端中打开。 1.先查看有没有下载nodejs，如果没有就去官方下载一下，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版本信息即表示安装成功。 2.在命令行上输入：指令vue init  webpack +项目名称 然后回车下载。 3.然后根据内容的需要一步一步输入，回车y...
vue创建项目的命令
qq_53588618的博客
06-06 3106
6、项目创建完成后，可以通过vs-code打开项目，输入运行命令即可。选择vue2.x / vue3.x / 自定义。1、vue create 项目名称。5、根据截图配置后等待项目的创建。2、选自需要的配置项，回车选择。二、新建文件夹，通过文件加目录输入‘cmd’3、先择创建的vue项目版本。一、确保已将安装node、vue-cli。
Vue-7.命令创建Vue项目
yueerba126的博客
08-15 3855
创建一个简单的 Vue 项目需要使用 Vue CLI（命令行界面）。Vue CLI 是一个用于快速构建 Vue.js 项目的工具，它可以帮助你设置项目的基本结构、配置以及开发环境。
Vue使用命令创建项目
12november的博客
05-19 5183
vue demo
通过终端命令创建vue项目
qq_40881695的博客
12-18 1339
1. 创建vue项目 切换到需要存放项目的目录 cd 目录名称 创建vue项目 vue create 项目名称 选择 Manually select features，自定义配置 // babel：es5 => es6 router：路由 CSS Pre-processors：css预处理（less、sass） Linter / Formatter：代码格式校验 输入 n，不使用历史路由模式 根据需求选择css预处理 选择 ESLint + Standard conf
通过命令行创建Vue项目（详细步骤）
Lcy's Blog
10-22 4307
学习笔记-Vue.js 配置、创建、运行Vue项目 配置 在终端输入 安装cli cnpm install -g @vue/cli 安装devtools cnpm install -g @vue/devtool 创建 进入存放工程所在的文件夹 cd XXXX 创建test项目 vue create test 进入项目 cd test 运行 npm run serve 按CTRL+C ...
创建vue项目常用命令
phpvp的博客
05-27 6685
创建vue项目常用命令 如果vue项目出错了你可以把 那个黄色删了在重新安装就可以了 清理缓存 npm cache clean --force 第一步，创建淘宝镜像，安装npm镜像 npm install -g @vue/cli --registry=https://registry.npm.taobao.org 第二步, 全局安装vue-vli npm install --g vue-cli 第三步, 创建一个vue项目 vue init webpack 项目名 vue项目部署 npm install
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值