新建Vue工程

最新推荐文章于 2025-06-25 16:07:12 发布

独爱射白鹿

最新推荐文章于 2025-06-25 16:07:12 发布

阅读量305

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/weixin_40331101/article/details/83306708

Vue 专栏收录该内容

4 篇文章

订阅专栏

本文介绍Vue.js的两种引入方式：开发环境版本与生产环境版本，并详细讲解使用npm和vue-cli通过Webpack模板创建及运行Vue项目的步骤，同时提供npm安装的多种方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

单纯引入

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

Webpack方式初始化

1.全局安装node.js和vue-cli
>> npm install --global vue-cli
2.创建一个基于webpack模板的新项目
>> vue init webpack 项目名
3.运行
>> npm run dev

npm install 多种方法

npm install
cnpm install
npm install --registry=https://registry.npm.taobao.org

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

独爱射白鹿

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用webstorm新建一个相对完整的vue工程

chengduxiannanjin的博客

07-21

3489

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、webstorm新建工程二、验证工程是否建立成功与相关的配置1.验证工程是否建立成功2.设置项目运行后自动打开浏览器3.安装路由router和vuex4.安装Vue.js的Ajax(axios)5.安装JS代码约束插件 eslint总结前言使用webstorm新建一个vue工程文件以及配置各种依赖与插件。例如常见的router、vuex、ajox等一、webstorm新建工程打开webstorm后按坐上角的文件》

Idea创建vue项目

Jeremy486的博客

01-17

3674

点击locoal就可以跳转了。

参与评论您还未登录，请先登录后发表或查看评论

vue工程，新建的项目工程

03-23

vue工程，新建的项目工程，vue工程，新建的项目工程，vue工程，新建的项目工程

新建Vue工程(详细版)

weixin_45969142的博客

02-26

1950

一：新建Vue工程 1.wind+R 输入cmd [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b1c56TTP-1614316101730)(新建Vue工程.assets/image-20210226123949447.png)] 2.输入vui ui 3.进入项目管理器 4.确定工程目录 5.点击创建项目 6.点击下一步 7.创建项目成功二：添加axios依赖 1.进入安装依赖 2.安装axios依赖 3.安装成功三：添加element-ui 1

Vue3 工程化实战

最新发布

jay丿的博客

06-25

967

本文系统对比了Vue3项目的两种工程化构建方案，重点推荐基于Vite的现代实现方式。传统vue-cli方案依赖webpack，配置灵活但性能较低；而Vite凭借原生ESM支持，实现了秒级启动和毫秒级热更新。文章详细解析了Vite项目的创建流程、工程结构、组件开发示例和配置优化，通过多维对比突出Vite性能优势，并给出开发环境优化、生产构建和持续集成等最佳实践，建议开发者优先采用Vite构建Vue3项目以提升开发效率。

新建Vue项目工程

果vinegar的博客

08-10

326

新建Vue项目安装Node https://nodejs.org/zh-cn/ 创建工程： 1、安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 　　注：下面的npm可换成cnpm下载快 2、安装webpack：npm install webpack -g 3、安装vue脚手架：npm install vue-cli -g 4、配置环境变量 D:\nodejs\node_global\ ...

创建一个Vue工程

qq_39476654的博客

05-06

187

创建一个前端vue工程，从零开始。开发环境windows 10 第一步，安装nodeJS 下载地址：http://nodejs.cn/download/ 安装nodeJS，是为了安装npm工具。npm用于管理前端开发资源包。安装完成nodeJS，以后，在cmd命令行输入 : npm -v 试试，成功安装，会展示npm的版本信息。第二步、安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 第...

如何搭建一个vue项目

weixin_30500663的博客

05-02

1003

一、安装node环境　　1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功　　　　3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.or...

vs无网络新建vue工程

03-15

嗯，用户问的是如何在Visual Studio（VS）无网络的情况下新建Vue工程。首先，我得确认他指的是Visual Studio还是VS Code，因为这两个容易混淆。通常前端开发多用VS Code，但用户可能简称为VS。不过Visual Studio本身...

VsCode新建VueJs项目的详细步骤

01-21

( vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。安装vue-cli之前，需要先安装了vue和webpack ) · node -v //(版本低引起：bash: npm: command not found) · npm -v //以上帮助检查是否安装 node ...

前端工程（一）：创建一个Vue项目工程

兮和的个人博客

03-25

1017

创建一个Vue工程

如何搭建一个vue项目(完整步骤)

m0_67392661的博客

06-22

4977

查看版本的两种方式出现版本号则说明安装成功（最新的以官网为准）这里注意：安装vue-cli对node.js的版本是有要求的装的两种方式：输入cmd命令查看安装的版本（显示版本号说明安装成功）如果你原来有版本或者版本比较低，可以升级...

快速创建vue工程——学习笔记

w284511883的博客

11-28

244

接触到的新项目前端使用的是vue，因此已经搞了两周了，总结下自己的学习成果。基础入门通过项目上的培训文档入门的，这点就不多说了，基本的东西网上也可以搜索到，推荐三个网址吧： 1、https://www.runoob.com/vue2/vue-events.html 2、https://cn.vuejs.org/v2/guide/ 重点掌握语法和vue的生命周期。自己动手搭建vue 1、需要在...

vue创建工程教程

xuexiaoderenwu的博客

12-18

972

Vue.js，作为一款轻量级的JavaScript框架，因其简单易用、灵活性强和性能优越而受到了广大前端开发者的喜爱。自从Vue 2.0发布以来，它逐渐成为了构建用户界面的首选之一。如今，随着Vue 3.0的推出，其特性和性能得到了进一步的增强。本文将分享我在使用Vue进行项目开发过程中的心得体会，涵盖从初学者到进阶开发者可能遇到的问题及解决方案。这将会编译项目并在本地启动一个热重载的开发服务器，默认情况下可以在浏览器中通过。如果端口被占用，可能会自动选择其他可用端口。是项目的名称，您可以根据需要更改。

vue创建工程

UangIng的博客

05-05

308

（一）在vue搭建之前一定先要安装node.js，因为vue的运行是要依赖于node的npm管理工具来实现的，我下载的都是最新版本，地址：https://nodejs.org/zh-cn/download/ 查看node和npm是否安装成功：node -v 和 npm -v （二）由于在国内使用npm速度会很慢，所以推荐使用淘宝镜像： npm install -g cnpm --registr...

vue 创建工程

小坏蛋博客

11-04

146

https://blog.youkuaiyun.com/weixin_43342105/article/details/106153672 vue init webpack 项目名称 cd 项目名称 npm install vue-router --save-dev npm i element-ui -s npm install 依赖 cnpm install sass-loader node-sass --save-dev sass 加载器 npm run dev ...

新建vue项目

Chona

06-27

361

因为有时间所以就把前端一个个总结一下，今天呢自己创建一个vue项目玩玩第一步、由于vue项目依赖npm，所以需要先安装检查是否有安装 nodejs、npm 、vue win+r 输入cmd 然后输入输入npm -v 回车会出现npm的版本，若没有打开 https://nodejs.org/en/ 进行安装，nodejs安装成功，npm也会有输入vue -V （V必须是大写）回车会出现v...

vue创建新的工程项目

manba

07-08

1195

目录Vue新的工程项目创建一、目录结构配置 Vue新的工程项目创建使用vue ui来创建一、目录结构配置