新建一个vue项目

最新推荐文章于 2024-08-03 17:57:20 发布
最新推荐文章于 2024-08-03 17:57:20 发布
阅读量1.5k 收藏 2
点赞数
分类专栏： 2020以前 文章标签： vue nodejs 脚手架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdn9_14/article/details/78108239
版权


用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的, 所以首先要安装nodejs。安装完成后，打开cmd。

输入 node -v， 出现类似v6.11.2这样的版本号说明node安装成功。
输入 npm -v, 出现类似v3.10.10这样的版本号说明npm安装成功.

然后开始新建一个vue项目：
（1）安装脚手架工具：  npm install -g vue-cli --registry=https://registry.npm.taobao.org     ---淘宝镜像比较快
（2）安装完成后输入 vue --version ，能看到版本号说明安装成功。
 ( 3 ) 创建框架项目  vue init webpack my-project     ---（my-project是项目名称）
（4）查看当前项目文件： 输入 cd eleme , 再输入dir 即可查看文件信息。
（5）安装依赖 npm install --registry=https://registry.npm.taobao.org
安装完成后会在文件夹中发现多了个node_modules文件夹，到这里脚手架就已经安装完成了。
（6）启动vue项目： npm run dev
打开浏览器：输入http://localhost:8080

俊刚、
关注
专栏目录
如何创建一个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项目
ashirely的博客
10-09 523
ves.js 的官网 【https://cn.vuejs.org/v2/guide/installation.html】 安装Vue 安装node ：从nodejs.org中下载nodejs并安装 安装npm ：【npm install -g npm】 vue.js 安装：【npm install --global vue-cli】 验证安装成功：【Vue --version】 创建项目 vue2 1.创建一个基于 webpack 模板的新项目 :【vue init webpack ”项目名称“】 2.
如何搭建一个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项目
最新发布
qq_55046209的博客
08-03 414
编程学习最重要的是实践，多写代码，多解决问题，不断提升自己的技能。在创建过程中，选择默认的 preset 或者手动选择你需要的功能。确保已经安装了Vue CLI。
新建一个vue项目_新建一个Vue项目
weixin_36383252的博客
01-30 129
hell，大家早上好、中午好、晚上好、欢迎收看本次文章，我是声音甜美的鸡排妹。今天是周五，今天工作安排些开发移动端，那我漂亮且性感鸡排妹就搭建起来了，过程特别简单。但我想分享大家搭建Vue项目。学校鸡排妹的搭建项目经验。新建一个vue项目：npm install -g vue-clivue init webpack vw-layout [vue init webpack (项目名称)]npm i ...
解决新建一个vue项目过程中遇到的问题
01-22
我就废话不多说了，大家还是直接看代码吧~ /usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run dev --scripts-prepend-node-path=auto > mytodolists@1.0.0 dev /Users/chenqiurui/...
vscode新建一个最简单的vue项目
09-27
打开命令行工具，进入刚刚创建的`vue-test`目录，然后运行以下命令来初始化一个新的Vue项目： ```bash vue create vue-test ``` 这将启动Vue CLI（命令行界面），引导你选择项目配置。对于初学者，你可以选择...
如何新建一个Vue项目并导入element-ui的模板
ly_yanbo的博客
03-21 7813
一、基本环境配置 工欲善其事必先利其器！配置环境也是很让初学者头疼的问题，但作为基础还是要学的，切莫眼高手低。这个操作适用于Windows系统，同时各个环境及配置都是最新版本。 首次创建需要的配置有: npm 想要下载 npm 可以先去 Node 的官网上下载安装 Node ，安装完 Node 之后会自带 npm 。此刻可以通过命令语句 npm -v 查看 npm 是否安装成功。可根据需要更新...
使用IDEA新建一个VUE项目
热门推荐
一叶的博客
04-08 1万+
1.安装VUE运行环境 1) 安装node.js,Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/ 2)安装cnpm(淘宝镜像):在命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org,等待安装完成 3)安装vue-c...
vue新建一个项目
qq_44004011的博客
03-15 99
1.使用cmd进入项目要创建的目录 在cmd操作中我们需要在不同分区中进行跳转，但我们进入文件夹用的cd命令在分区跳转中失灵了 解决办法：如图第二步 输入E: 就可以跳转了 2.vue create 项目名 3.选择项目配置 因为我安装的是最新版的vue4.5 所以会选择vue.js的版本是2.0还是3.0 最后两步会问你是否需要保存预设并用到以后的项目中，我选择yes，回车下一步 问你保存的preset的名字是什么，我设为testPreset，回车下一步直到安装完成。 成功安装 4.进入项目
新建一个Vue项目（new hands）
m0_63255661的博客
12-05 116
第一步：你要安装node.js（因为你用npm） 那么问题来了，哪里下？怎么下？什么版本？（百度程序员，谢谢） 第二步：有些人说要安装镜像（我不装的，但是有些要到东西下载慢的时候，就要镜像了，懂的都懂的。你的懂王，无限猖狂。） $ npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步：安装vue-cli（这个就很重要啦，有2，有3的，这里或许我说得不对，想喷就喷吧） npm install vue-cli...
新建一个vue项目_运行一个vue项目
weixin_29056145的博客
01-30 406
运行一个vue项目今天我们来怎样运行一个vue的初始项目1.首先我们需要启动文件夹中启动cmd，找好路径2.这里我们用npm来构建vue项目，如果大家还不是很清楚npm是什么，或者不会使用安装，这里我建议大家百度了解一下，顺便安装一下node.js,这样我们就可以正常使用了3.言归正传，我们在cmd中输入vue init webpack my-project，它会询问你项目名称等等，其中...
VUE项目创建
huiguo_的博客
03-29 225
首先你的电脑安装了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新建一个项目（详细）
qq_43033730的博客
04-02 529
第一步 下载node.js npm安装 下载完成之后，双击安装，一直点击next即可 点击finishi完成安装 打开控制命令行程序（CMD）,检查是否安装成功 虽然node自带npm 如果不是最新版本，可使用npm install -g npm更新至最新版本 使用淘宝NPM 镜像 大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 npm insta...
创建一个vue/cli项目
xuemeilu的博客
01-18 431
安装 npm install -g @vue/cli 创建项目 ➜ nodejs git:(master) vue create vue-demo ue CLI v4.5.15 ? Please pick a preset: Manually select features ? Check the features needed for your project: ◉ Choose Vue version ◉ Babel ◯ TypeScript ◯ Progressive Web App (
创建第一个vue project
MyFreeIT
09-02 123
有关npm的安装和使用，请参考 vue init webpack，基于webpack模板 D:\Test>vue init webpack myvue ? Project name myvue ? Project description this is the frist vue project ? Author MyFreeIT ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? Yes
如何新建一个vue项目
03-02
要新建一个Vue项目，可以按照以下步骤： 1. 首先，需要确保已经安装了Node.js和npm。可以在命令行中输入以下命令来检查版本是否正确： ``` node -v npm -v ``` 2. 安装Vue CLI（命令行界面），可以通过以下命令进行安装： ``` npm install -g @vue/cli ``` 3. 创建一个新的Vue项目，可以使用Vue CLI提供的命令来创建： ``` vue create my-project ``` 其中，my-project是你想要创建的项目名称。在执行该命令后，会提示你选择一些配置选项，例如使用哪种包管理器、是否需要配置路由、是否需要使用Vuex等。 4. 进入到项目目录中，启动开发服务器，可以使用以下命令： ``` cd my-project npm run serve ``` 此时，在浏览器中访问http://localhost:8080，即可看到你的Vue应用程序正在运行。 希望这个回答能够帮助你。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

俊刚、

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值