创建一个vue项目

最新推荐文章于 2024-08-07 20:43:54 发布
最新推荐文章于 2024-08-07 20:43:54 发布
阅读量92 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40741411/article/details/109451173
版权

1.下载安装node

node网址：https://nodejs.org/en/download/

选择自己要下载的版本，解压，安装。

win+R，输入cmd，输入node -v，将会看到版本号，输入npm -v，也会看到版本号

2.安装vue的指令：vue install vue-cli -g

3.创建一个文件夹，在命令行进入文件夹下，比如在桌面创建文件夹test1，进入到test，输入vue init webpack 项目名称

根据提示完成项目创建，开始下载资源，耐心等待

 demo1下，就会变成这样

 在命令行进入demo1下，输入npm run dev

耐心等待

将会看到这样的

输入网址，http://localhost:8080，这就成功啦！

林青很青
关注
使用HBuilderX如何创建一个vue项目？
weixin_48596030的博客
08-02 3664
使用HBuilderX如何创建一个vue项目？
创建vue项目
m0_45309753的博客
10-18 692
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、安装node.js环境2.安装vue-cli脚手架3.创建vue项目总结 前言 创建vue项目的基本配置 一、安装node.js环境 在用Vue.js构建大型应用的时候通常使用NPM安装方法，NPM能更加方便快捷的搭建项目，例如在项目当中我们常常需要安装各种插件以及打包工具等。 1.从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了，安装完之后，我们通过打开命令行工具（win+R）,输入 node
用vue创建一个项目
以后的博客
05-19 1097
要先安装node.js  用node -v 和npm -v 查看是否安装完整 然后安装淘宝镜像cnpm来代替npm 加快创建项目的速度 cnpm -v查看是否安装完整 #最新稳定版本 1·npm install vue  如果使用淘宝镜像安装就输入命令行      cnpm install -g vue-cli进行安装， 如果没有安装淘宝镜像依旧用 npm install -g vue-
Vue项目创建及配置
最新发布
L14173233的博客
08-07 867
Vue是一种用于构建用户界面的JavaScript框架。它采用了一种称为MVVM（Model-View-ViewModel）的架构模式。MVVM是一种将用户界面与业务逻辑和数据分离的设计模式。Model（模型）：表示应用程序的数据和业务逻辑。在Vue中，模型通常是一个JavaScript对象。View（视图）：表示用户界面。在Vue中，视图通常是使用HTML模板构建的。ViewModel（视图模型）：充当模型和视图之间的中间层。
创建一个Vue项目
啵啵的女孩
03-08 183
创建一个Vue项目 一、前提条件 在创建一个Vue项目之前，我们首先得安装VScode和node.js。这里VScode和node.js的安装很简单，也就不再赘述啦。 node.js官网：node.js VScode下载：VScode软件下载（注：第一次使用VScode的小伙伴要注意，VScode需要安装一些插件才会使你的代码看起来更加的漂亮哦） 二、全局安装vue-cli 全局安装vue-cli可以帮助我们更加快速构建Vue项目。 打开VScode的终端（如下图），大家也可在电脑终端安装哦。将路径切换到项
vue新建一个项目
qq_44004011的博客
03-15 101
1.使用cmd进入项目要创建的目录 在cmd操作中我们需要在不同分区中进行跳转，但我们进入文件夹用的cd命令在分区跳转中失灵了 解决办法：如图第二步 输入E: 就可以跳转了 2.vue create 项目名 3.选择项目配置 因为我安装的是最新版的vue4.5 所以会选择vue.js的版本是2.0还是3.0 最后两步会问你是否需要保存预设并用到以后的项目中，我选择yes，回车下一步 问你保存的preset的名字是什么，我设为testPreset，回车下一步直到安装完成。 成功安装 4.进入项目
构建Vue项目详细步骤
qq_44723773的博客
03-04 1898
一、安装Node.js 下载地址：https://nodejs.org/en/ 下载完成之后，找到文件所在路径，点击进行安装，直接下一步操作，安装完成之后，打开cmd终端，查看是否安装成功 node -v npm -v 二、安装cnpm淘宝镜像 npm命令可以使用，打开cmd，下载一些包 但是npm下载各种包默认的服务器在国外,下载速度很慢,有时还会导致一些环境问题 因此我们可以选择从国内的服务器下载包,这要感谢淘宝团队的付出,为国内开发者提供了npm各类包的镜像 下载以安装一个cnmp(淘宝镜像)
如何创建一个vue项目（初始项目搭建）
12-14
除了上述方法，还有其他创建Vue项目的方式，比如使用早期的Vue CLI 2.x版本。这通常涉及以下步骤： 1. 全局安装Vue CLI 2.x： ```bash npm install --global vue-cli # 或者使用cnpm（淘宝npm镜像） cnpm ...
如何创建一个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项目
我爱吃红薯的博客
11-11 856
1，安装node.js (已经包含的 npm ) 查看是否安装成功： node -v npm -v 2，为了下载镜像快速，切换镜像 （这样以后下载可以使用cnpm 了） npm install -g cnpm --registry=https://registry.npm.taobao.org 3，安装脚手架vue-cli 文档地址：https://cli.vuejs.org/zh/guide/installation.htm npm install -g...
vue-创建一个vue项目
奇葩也是花
05-10 1092
统一管理，把vue的内容全部放到指定的目录 [root@izm5e331c21uktboqzfrvqz vue]# mkdir -p /data/wwwroot/vue && cd /data/wwwroot/vue 使用npm安装vue,需要用到vue和vue-cli [root@izm5e331c21uktboqzfrvqz vue]# cnpm install vue vue-cli -g # -g 安装之后全局可以使用 创建一个基于vue的项目 # 敲完命令之后一堆.
VUE项目创建
huiguo_的博客
03-29 228
首先你的电脑安装了node.js，并进行配置 vue创建一个新的项目 首先cmd d: 然后 cd:/路径（这里是项目保存的路径） vue init webpack 项目名 vue修改端口号config的index.js 第一步 npm install npm install vue-axios --sava npm install qs.js --sava 第二步：在main.js中引入axios import axios from “axios”; 第三步:吧useEslint改成false ...
终端创建一个vue项目
02-28
要在终端中创建一个Vue项目，你需要先确保你的电脑上已经安装了Node.js和npm（Node包管理器）。然后按照以下步骤进行操作： 1. 打开终端（命令提示符或者终端窗口）。 2. 使用以下命令安装Vue CLI（Vue命令行工具）： ``` npm install -g @vue/cli ``` 这将全局安装Vue CLI，使你可以在任何地方使用它。 3. 创建一个新的Vue项目。在终端中，使用以下命令： ``` vue create 项目名称 ``` 将"项目名称"替换为你想要的实际项目名称。 4. 在创建项目的过程中，你将被提示选择一些配置选项。你可以根据自己的需求进行选择，或者直接按回车键使用默认选项。 5. 创建完成后，进入项目目录： ``` cd 项目名称 ``` 6. 启动开发服务器。在终端中，使用以下命令： ``` npm run serve ``` 这将启动一个本地开发服务器，并在浏览器中打开你的Vue应用程序。 现在，你已经成功在终端中创建了一个Vue项目，并且可以开始开发你的应用程序了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值