创建vue项目步骤

最新推荐文章于 2024-03-30 16:56:52 发布
VIP文章 最新推荐文章于 2024-03-30 16:56:52 发布
阅读量483 收藏
点赞数
分类专栏： 笔记总结 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54229035/article/details/126802673
版权
创建vue项目步骤
1、用cmd命令创建项目

1.1创建文件

以管理员身份打开命令行界面，进入任意一个想要创建项目的文件夹
输入：vue create wechat_pc(项目名称)

在这里插入图片描述
1.2选择配置信息

通过上下方向键选择对应配置，然后回车
选择自定义配置

在这里插入图片描述

按空格键选择要安装的配置资源，带 * 号说明被选上了

在这里插入图片描述

1.3语法代码格式检查

代码检查，选标准的就行，方向键切换，空格键选择然后回车

在这里插入图片描述

1.4语法代码格式检查

代码检查，选标准的就行，方向键切换，空格键选择然后回车

最低0.47元/天 解锁文章
菜鸟学前端2023
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目详细搭建步骤
04-02
详细描述怎么搭建vue项目，nodejs安装，idea支持，以及vue打包部署
如何搭建一个vue项目(完整步骤)
m0_67392661的博客
06-22 3442
查看版本的两种方式 出现版本号则说明安装成功（最新的以官网为准） 这里注意：安装vue-cli对node.js的版本是有要求的 装的两种方式：输入cmd命令 查看安装的版本（显示版本号说明安装成功） 如果你原来有版本或者版本比较低，可以升级...
Vue自定义创建项目
最新发布
qq_63851456的博客
03-30 614
当我们学习完路由和vuex后，就可以基于VueCli自定义创建项目架子 ！！！
vue搭建项目的详细步骤以及说明
麋鹿的鹿
04-26 1134
1.vue create vue-admin 创建项目 2.选择创建方式 默认Vue2配置 默认Vue3配置 手动选择配置 3.自定义配置选项 ( ) Babel // 语法转换 ( ) TypeScript // 使用 TypeScript ( )
搭建一个vue项目(完整步骤)
weixin_40178803的博客
05-21 473
一、首先要安装一个node环境 下载地址为：https://nodejs.org/en/ 安装成功,w+r输入cmd命令,输入图中命令：如果输出版本号，说明我们安装node环境成功 安装淘宝镜像，输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。(建议使用) 输入cnpm -v,检查是否安装完成 二、搭建vue项目环境 全局安装vue-cli，np.
使用vue构建组件化开发项目
qq_39784865的博客
04-14 1394
参考链接：链接: link. 一、搭建环境 1、首先安装node环境，这里就不详细讲了。 2、然后搭建vue 项目环境，全局安装vue. 3、安装完vue之后，进入你的项目目录，创建一个基于webpack模板的新项目：vue init webpack 项目名 4、进入项目：cd 项目名，安装依赖，安装成功之后会多出一个node_modules目录。 5、npm run dev,启动项目，启动...
node创建Vue项目步骤详解
10-15
在本篇文章里小编给大家整理的是关于node创建Vue项目步骤详解内容，需要的朋友们可以学习下。
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
本次小编给大家带来的是关于用vue-cli脚手架创建vue项目步骤讲解内容，有需要的朋友们可以学习下。
基于脚手架创建Vue项目实现步骤详解
10-15
主要介绍了基于脚手架创建Vue项目实现步骤详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vue项目搭建（完整步骤）
Whit3ZzT的博客
12-03 3393
vue项目搭建
搭建一个vue项目
qq_39472036的博客
03-30 93
一、安装node环境 　　1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 　　 　　3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.or...
vue3.0 搭建项目总结(详细步骤)
12-09
1.环境配置 项目中的不同开发环境有很多依赖配置，所以可以根据环境设置不同的配置，以免在不同环境经常修改文件 1 在根目录下创建 `.env.[环境]` 文件，可以在不同环境设置一些配置变量，如图   .env.dev 文件 2.eslint 配置 在package.json 文件里面有一个eslintConfig对象，可设置rules： 如图 3.配置svg 在vue.config.js 里面需在module.exports对象里面设置 chainWebpack: config => { config.module.rules.delete('svg') // 重点:删除默认配置中
创建vue项目，完整步骤
weixin_48327767的博客
01-05 505
vue/cli3.0 增加一个可视化项目管理工具，全局安装完成 cli3.0 之后，可以直接在 cmd 输入命令：vue ui 启动即可，地址默认是 localhost:8000 ( 回车后打开 )全局安装 webpack：npm install webpack -g (vue2需要安装这个）如果没有选择初始化项目，需要进入项目目录，输入 npm install 初始化。安装过程中可能会失败，如果失败了，可以使用淘宝镜像安装。如果安装失败或者检查是否安装成功报错，可以 “
Vue创建项目的详细步骤
热门推荐
不是对你没感觉，是你没开保时捷
03-08 2万+
一、安装node.js 1、本例环境 node.js: v16.14.0 npm：8.3.1 vue：@vue/cli 5.0.1 2、node.js环境安装与测试 由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。 下载地址：Node.js (nodejs.org) 下载完成安装之后，检测一下，查看是否安装成功。 检测方式：打开cmd命令窗口（Window + R，输入cmd然后回车），输入n.
Vue项目搭建流程
飞翔的企鹅的博客
04-16 1109
对于页面中固定不变的东西要采用组件进行封装，在components文件夹下创建对应的vue文件，作为组件，在指定的vue中进行引入。先在src下创建views目录，然后创建vue页面，其中一个Main.vue作为父路由，将其他组件按照布局容器进行引入。// 目标服务器，所有以/api开头的请求接口代理到目标服务器。// 重写路径，此时用于匹配反向代理的/api可以替换为空。// 代理请求， 匹配所有以/apj开头的请求。//当返回438跳转到登录页面不允许登录。// //清空token 跳转登录页。
vue项目搭建流程
qq_35216414的博客
06-18 1418
②components文件夹放置所有的子组件，即每个页面级组件的子组件，例如：index页面级组件，把它分为header、content、footer三部分，只要在components文件夹下新建一个index文件夹（为了区分其他组件），放入对应的子组件。（3）、更改router文件夹的index文件（根据项目需求，引入对应页面，配置路由信息，进行页面跳转）（ / 代表跟路径）注意下载的位数，默认是win10的64位，下载mac，win7，32位等可点击官网顶部的下载。
搭建vue项目环境步骤
weixin_43411214的博客
10-25 286
一、安装node.js环境 二、搭建vue项目环境 1、终端全局安装vue-cli 　 　npm install --global vue-cli 　2、终端输入命令：vue ui进入Vue 项目管理器创建项目 　3、在Vue 项目管理器中配置Element-UI组件库 　 （1)仪表盘插件中添加插件，搜索：vue-cli-plugin-element安装 　 （2)安装完成，在配置插件中，第一项选择import on demand(按需手动配置） 　 4、配置 axios 库
搭建VUE项目
hauchun的博客
03-01 556
1.下载nodejs 官网地址：https://so.csdn.net/so/search?q=%E5%9C%B0%E5%9D%80&spm=1001.2101.3001.7020 安装成功后运行命令node-v： 2.添加npm镜像仓库 2.1查看npm版本 npm -v 2.2添加npm镜像仓库 npm install npm -g --registry=https://registry.npm.taobao.org 3.查看webpack版本...
使用webpack创建Vue项目步骤
04-07
可以使用以下步骤来创建Vue项目： 1. 安装Node.js和npm 2. 使用npm安装Vue CLI：npm install -g vue-cli 3. 创建Vue项目：vue init webpack 项目名 4. 进入项目目录：cd 项目名 5. 安装项目依赖：npm install 6. 启动项目：npm run dev 希望对你有帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值