创建一个新的vue项目

最新推荐文章于 2024-08-03 17:57:20 发布
最新推荐文章于 2024-08-03 17:57:20 发布
阅读量333 收藏 1
点赞数
分类专栏： 随手记录vue篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43571795/article/details/105731573
版权

已经安装了npm以及vue-cli的情况下创建一个新的vue项目
vue脚手架安装

vue2安装

进入到项目目录，创建一个基于 webpack 模板的新项目

在这里插入图片描述

接下来安装依赖运行一下就ok了
命令如下：

cnpm install

cnpm run dev

vue3安装

更新完脚手架以后执行以下命令

vue create 项目名称

选择 vue3

安装成功以后提示显示以下可执行命令
在这里插入图片描述
按照命令即可启动项目

cd 项目名称
npm run serve

da诚子
关注
专栏目录
vue创建项目
qq_42221321的博客
02-08 656
vue 创建项目1、参考资料2、命令行： vue创建项目3、图形化界面创建vue项目 1、参考资料 资料1：prettier和standard规则比较 资料2：使用 vue-cli 3 快速创建 Vue 项目及项目配置 Vue.config.js 资料3：vue创建项目 资料4：图形化界面创建vue项目 2、命令行： vue创建项目 命令行窗口输入创建一个名为hello的vue项目 vue create hello 接着出现这个选择界面，default为默认配置，这里选择manually手动选择会有更大的
Vue创建一个新项目
You are my sunshine
03-11 507
1、安装node.js 下载地址：http://nodejs.cn/download/ 一直next傻瓜式安装，也可以选一个专门用的盘，直到finish。 node.js尽量用新版本的，因为有一些已经快要被淘汰了。 2、检查是否安装成功，查看当前安装的版本； 步骤:win+R cmd 调出黑框 node -v 3、查看npm的版本，如果不是最新的可以运行更新到最新的； $ npm install -g cnpm --registry=https://registry.npm.taobao.org
创建vue项目
qq_55046209的博客
08-03 410
编程学习最重要的是实践，多写代码，多解决问题，不断提升自己的技能。在创建过程中，选择默认的 preset 或者手动选择你需要的功能。确保已经安装了Vue CLI。
如何搭建一个vue项目(完整步骤)
y2020520的博客
05-16 1万+
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。
用vue创建一个项目
以后的博客
05-19 1091
要先安装node.js  用node -v 和npm -v 查看是否安装完整 然后安装淘宝镜像cnpm来代替npm 加快创建项目的速度 cnpm -v查看是否安装完整 #最新稳定版本 1·npm install vue  如果使用淘宝镜像安装就输入命令行      cnpm install -g vue-cli进行安装， 如果没有安装淘宝镜像依旧用 npm install -g vue-
vscode新建一个最简单的vue项目
09-27
接下来，我们将分步介绍创建Vue项目的步骤。 **一、安装必要工具** 首先，确保你已经安装了Node.js，因为Vue项目依赖于npm或yarn来管理依赖。同时，下载并安装Visual Studio Code。在VSCode中，我们需要安装以下两...
如何创建一个vue项目（详细步骤）
热门推荐
m0_67403076的博客
06-22 5万+
推荐下载地址：https://nodejs.org/en/推荐下载地址：https://cn.vuejs.org/ （1）以管理员身份打开命令行界面，进入任意一个想要创建项目的文件夹，输入vue create test_vue（2）做一些配置：（3）按方向键选中该项，然后按回车键：（4）按空格键按照如下进行配置：（5）选择vue版本，我选的是3.x（6）是否要保存为这个项目作为一个模板保存？（7）出现以下界面，项目创建成功：（1）跳转到以下界面，默认为8080端口，我的8080端口被占用，所以启动了8081
如何创建一个vue项目（初始项目搭建）
12-14
3. 创建一个新的Vue项目，例如命名为`projectname`： ```bash vue create projectname ``` 在创建项目的过程中，CLI会提示你选择一个预设选项或者手动选择特性。预设选项通常包括基本配置，而手动选择则允许你...
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
10-17
使用vue-cli3创建项目非常简单，可以通过命令行运行`vue create <project-name>`来创建一个新的项目，其中`<project-name>`是你想要创建的项目的名称。创建项目时，系统会提示选择默认预设或手动选择功能，如Linter/...
如何创建新的Vue项目
深海如梦的博客
08-12 211
创建新的Vue项目 在电脑上按快捷键win+R，输入cmd，然后输入vue init webpack 工程名(不能为中文)或者vue init webpack-simple 工程名 两者区别： webpack-simple创建的，适用于中小型项目，webpack.config.js就在目录下 webpack的则适用于大型项目，webpack.config.js文件给配置到 build=>we...
Vue 创建一个新项目的基本步骤
Lhy_JL的博客
03-23 1966
第一、进入到需创建项目的目录下，输入：vue init webpack ProjectName(项目名)，这里会对项目的初始配置。 第二、进入项目 cdProjectName(项目名)， 第三、下载包, npm install，到此项目创建完成 第四、 编辑项目界面可以添加一些ui插件，比如element ，cnpm i element-ui -S 第五、项目需要网络请求可添加axios...
vue2.0使用(1)：创建新项目
03-15 4823
vue有两种项目创建方式，一种是下载vue.js，通过script标签引入即可；另一种通过vue-cli构建基于webpack的项目，这种项目构建发布需要部署node环境，不能以文件的方式直接打开。 1.全局安装vue命令行工具 npm install -g vue-cli 2.创建一个基于webpack模板的新项目 vue init webpack my-project 注：跟
vue如何新建一个项目
weixin_45519711的博客
03-25 160
vue 创建项目（npm安装→初始化项目） cli2 和 >cli2脚手架创建 第一步npm安装 下载node.js 下载 | Node.js 中文网 使用淘宝NPM 镜像 大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 这样就可以使用cnpm 命令来安装模块了： 第二步项目初始化 1.第一步：安..
如何创建一个新的Vue 工程
聪明不喝牛奶的博客
11-22 1098
1、Vue 工程创建步骤 1、以管理员的身份进入到cmd 2、创建一个工程 然后cmd进入到工程文件位置中，在cmd中输入：vue init webpack xxxx(要创建的工程名字) 一路 No下去结束 3、安装依赖，我们需要安装vue-router、element-ui、sass-loader和node-sass四个插件，接着在安装axios #进入到工程目录 cd xxxx(工程名字) #安装 vue-router npm install vue-router --save-dev #安装 ele
搭建一个全新的vue项目
weixin_45810646的博客
05-22 251
全局安装vue-cli npm install --global vue-cli
创建vue项目的几种方式
ccf19881030的专栏
04-08 1万+
最近一段时间在学习vuejs和element-ui、iview-ui这些前端知识，在创建vuejs项目时发现有几种不同的方法： 使用vue-cli脚手架创建新vuejs项目 用vue-cli脚手架可以快速的构建出一个前端vue框架的项目结构 前提条件：已安装node可以正常使用npm命令，并全局安装vue-cli工具。 nodejs可以到nodejs官网下载最新的版本，根据自己的操作系统选择合适的...
vscode创建一个新的vue项目
最新发布
09-06
要在VS Code中创建一个新的Vue.js项目，你可以使用 Vue CLI (Vue Create) 这个官方推荐的脚手架工具。以下是简单的步骤： 1. **安装Node.js**：首先确保你已经安装了Node.js，因为Vue CLI基于Node.js运行。 2. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值