vue配置、创建项目及运行

最新推荐文章于 2025-08-22 11:32:18 发布

转载最新推荐文章于 2025-08-22 11:32:18 发布 · 88 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ch94/p/10190214.html

文章标签：

#javascript #ViewUI

本文详细介绍如何通过Node.js和cnpm安装Vue.js脚手架，设置本地开发环境，包括安装Node.js，配置cnpm镜像，安装Vue-cli，创建项目，初始化并运行开发服务器。

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

首先安装Node.js,

npm i -g cnpm --registry=https://registry.npm.taobao.org 安装镜像安装以后cnpm可以代替npm

cnpm i -g vue-cli安装脚手架

进入工作空间目录按照自己的需要选择

创建完成以后CD进去项目根目录

cnpm/npm i 初始化项目

cnpm/npm run dev 发布

打开连接登录成功

转载于:https://www.cnblogs.com/ch94/p/10190214.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30826761

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue项目创建及配置

L14173233的博客

08-07

2006

Vue是一种用于构建用户界面的JavaScript框架。它采用了一种称为MVVM（Model-View-ViewModel）的架构模式。MVVM是一种将用户界面与业务逻辑和数据分离的设计模式。Model（模型）：表示应用程序的数据和业务逻辑。在Vue中，模型通常是一个JavaScript对象。View（视图）：表示用户界面。在Vue中，视图通常是使用HTML模板构建的。ViewModel（视图模型）：充当模型和视图之间的中间层。

修改vue+webpack run build的路径

若晨工作室

11-08

6714

vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的config文件夹，打开该文件夹下的index.js文件，默认如下: // see http://vuejs-templates.github.io/webpack for documentation. var path = require('path') module.exports = { build:

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

vue项目中使用workspaces

阿飞

12-29

5436

vue多个项目中不同模块互相引用 vue、yarn wrokspace、monorepo

配置vue开发环境

using namespace 数学工具构造器;

04-11

391

本人使用deepin桌面操作系统，webstorm作为IDE 安装node+npm 直接上官网下载 https://nodejs.org/en/ 解压，把文件夹拷贝到/usr/local中做两个软链，把bin文件夹的npm和node放到/usr/local/bin中安装cnpm 注意分两部进行，以及sudo获取管理员权限，否则报错。 sudo npm config set registry "...

新建一个工作空间，复制原来工作空间的配置

风过留痕

01-13

3544

eclipse工作空间配置的复用（新建一个工作空间，复制原来工作空间的配置）

从零开始搭建vue开发环境

从零开始的程序员之路

11-14

3万+

=-= 刚刚打算开始整SpringBoot框架，结果领导突然说前端人手不够，让我学学vue，然后去写前端页面，而且这个优先级高，没辙，开搞呗原先以为vue和以前用的什么easyUi,echarts差不多，直接引入个js就可以使用，但是查了下相关文档后，需要的东西好多，安装好启动后

如何从零开始搭建一个vue-webpack项目

m0_37782372的博客

06-04

1427

1.从Node.js官网下载node安装包进行安装。 http://nodejs.cn/download/ 安装完成后在cmd中输入node -v 查看node.js版本号，npm -v 查看npm版本号； npm是node的一个包管理器 2.安装vue-cli vue-cli是vue的一个脚手架工具，可以帮助你搭建一个完整的vue项目使用 npm install vue...

前端开发Vue框架安装与环境配置指南：涵盖Node.js、Vue CLI及项目创建运行全过程

04-08

接着，演示了如何使用 Vue CLI 创建新项目，并介绍了项目创建后的运行方法。最后，简述了如何在 Vue 项目中安装常用的第三方依赖，如 Axios、Vue Router 和 Vuex，为后续开发做好准备。; 适合人群：对前端开发感兴趣...

Vue2创建项目并配置Cesium加载三维地图

03-05

1.基于Vue2 的Cesium三维地图框架;...2.已引入elementui组件已完成对cesium的加载配置安装及测试; 3.可在该框架上开发、发布打包等; 4.该框架没有其它冗余依赖等，可以直接到项目使用，无版权控制。

前端开发Vue框架安装与环境配置详解：涵盖Node.js、Vue CLI及项目创建运行步骤介绍了Vue.js框架

04-07

成功启动后，你会在终端看到本地开发服务器地址，如`http://localhost:8080/`，打开浏览器访问这个地址，即可看到Vue项目运行的实际效果。对于项目中可能会用到的第三方依赖，Vue项目支持npm或yarn包管理器来安装...

使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题

10-17

使用vue-cli3创建项目非常简单，可以通过命令行运行`vue create <project-name>`来创建一个新的项目，其中`<project-name>`是你想要创建的项目的名称。创建项目时，系统会提示选择默认预设或手动选择功能，如Linter/...

配置vue的工作环境

qq_31180471的博客

06-28

324

公司让我快速入门前端，三天的时间，现在需要搭建vue，硬着头皮就干了，本文借鉴了https://www.cnblogs.com/miller-star/p/6394760.html但是细节上还是有一些不一样。1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖在...

Vue - vue create、vue ui、vue init三种方式创建Vue项目

kaven

11-28

2万+

Vue学习（十九）- 三种方式创建Vue项目（vue create、vue ui、vue init）安装@vue/cli 为npm安装的包配置环境变量。运行下面这条命令。 npm install -g @vue/cli 在CMD中运行vue --version命令，如果输出了@vue/cli的版本，则说明@vue/cli安装成功了。 C:\Users\Kaven>vue --version @vue/cli 4.5.9 创建Vue项目 - vue create 通过下面这条命令可以查看v

Vue——自定义项目访问路径

小欣儿的专栏

08-02

2万+

默认情况下，Vue项目的访问路径以 /#/，但我们有时候可能需要给项目定义一个明确的访问路径，如 /my_vue/ 等，这时我们需要修改配置，自定义项目的访问路径，方法如下： 1. 在index.html添加 <meta base=”/pay/”> (pay自定义的名称) <!DOCTYPE html> <html> <head> &...

Vue 使用Vue-CLI4 创建Vue项目

最新发布

qq_51035159的博客

08-22

简单来说，这个组件的核心就是让用户能够粘贴任何文本内容（特别是配置文件、JSON等），并且保证粘贴的内容格式完全不变，然后可以原样发送给后端处理。- white-space: pre ：这是最关键的CSS属性，确保所有空格、制表符、换行符都被保留。- 用户粘贴的内容会完整存储在 inputJson.value 中，包括所有格式字符。- 使用Vue3的 v-model="inputJson" 实现双向数据绑定。- wrap="off" ：防止浏览器自动换行，保持原始的行结构。- 聚焦时的视觉反馈。

react样式问题

qq_44136028的博客

08-22

136

React组件样式控制主要有三种方式：1）内联样式，通过style属性传递JavaScript对象，支持动态样式但需驼峰命名；2）CSS类名，使用className绑定静态样式；3）CSS-in-JS（如styled-components），将CSS嵌入JS生成带样式组件，支持动态主题切换。三种方式各具特点，内联样式适合简单动态样式，CSS类名适合静态样式，CSS-in-JS适合复杂组件化样式需求。

JavaScript基础语法five

2301_79744908的博客

08-21

257

本文介绍了JavaScript中对象的基本概念和使用方法。对象是一种无序的数据集合，由属性和方法组成，可以通过点语法或方括号访问属性。文章详细讲解了对象的增删改查操作、方法的定义与调用，以及使用for-in遍历对象的技巧。同时介绍了Math内置对象及其常用方法（如ceil、floor、round等），包括随机数生成公式和猜数字案例的实现。最后指出null属于object类型，并提供了生成N-M范围随机数的通用公式。

vue创建项目步骤并运行

08-17

Vue.js 是一款流行的 JavaScript 框架，用于构建用户界面。下面是使用 Vue CLI 创建和运行项目的步骤： 1. 首先，确保你的系统已经安装了 Node.js。你可以在命令行中运行 `node -v` 来检查是否已经安装。 2. 接下来，安装 Vue CLI。在命令行中运行以下命令： ``` npm install -g @vue/cli ``` 3. 安装完成后，使用以下命令创建一个新的 Vue 项目： ``` vue create my-project ``` 这里的 `my-project` 是你想要创建的项目名称，你可以根据需要进行修改。 4. 在创建项目的过程中，你可以选择使用默认配置或者手动选择特定配置。当被询问时，你可以选择手动配置以便自定义你的项目。 5. 创建完成后，进入项目目录： ``` cd my-project ``` 6. 最后，在命令行中运行以下命令来启动开发服务器： ``` npm run serve ``` 7. 在启动成功后，你将能够在浏览器中访问你的项目。默认情况下，它将在 `http://localhost:8080` 上运行。这些是使用 Vue CLI 创建和运行项目的基本步骤。你可以根据需要进一步配置和开发你的项目。祝你成功！