`

使用 vs code 搭建vue项目(一)

    博客分类:
  • vue
vue 
阅读更多
1. 配置环境
1.1. 安装nodejs,下载地址:https://nodejs.org/en/download/。 步骤…..安装完成后,输入node-v,提示如下,则安装完成。



1.2. 安装vs code

下载地址:https://code.visualstudio.com/Download

1.3. 安装插件



2. 创建一个vue项目


vue init webpack your-project-name, your-project-name为你的项目名,我创建的是helloworld




接下来根据提示开始操作







安装完毕后
输入yarn install



最后运行:npm run dev




最后访问地址:http://127.0.0.1:8080/#/,出现如下即可。





搭建第一步完成,里面的所用命令,下来慢慢深究。
  • 大小: 18.7 KB
  • 大小: 58.4 KB
  • 大小: 65.2 KB
  • 大小: 75.5 KB
  • 大小: 69.7 KB
  • 大小: 77.7 KB
  • 大小: 58.3 KB
  • 大小: 18.7 KB
4
0
分享到:
评论

相关推荐

    如何创建一个vue项目(初始项目搭建)

    本文将详细介绍如何在Windows环境下,使用Visual Studio Code或命令行工具创建一个Vue项目的初始搭建步骤。 首先,确保你的计算机上已经安装了Node.js,因为Vue CLI(命令行界面工具)依赖于Node.js的包管理器npm。...

    手把手教你用vue-cli搭建vue项目

    ### 手把手教你用vue-cli搭建vue项目 在前端开发领域,**Vue.js**作为一款轻量级且功能强大的框架,被广泛应用于构建用户界面。本文将详细介绍如何使用`vue-cli`工具快速搭建一个Vue项目,并对项目结构及常用配置...

    VSCode搭建Vue Element Admin的项目环境

    ### VSCode搭建Vue Element Admin的项目环境 #### 版本说明 - **Node**: v18.20.2 - **NPM**: 10.5.0 - **Git**: 2.19.1 - **Vue Element Admin**: [官网链接]...

    vue环境搭建、项目初始化

    在本文中,我们将详细介绍 Vue 环境搭建和项目初始化的过程,从 Node.js 的安装到 Vue 项目的创建,包括了 NPM、Webpack、Vue-CLI 等工具的使用。 一、 Node.js 的安装 Node.js 是一个基于 Chrome V8 引擎的 ...

    iOS基础学习——Vue的安装以及Visual Studio Code的搭建.md

    iOS基础学习——Vue的安装以及Visual Studio Code的搭建 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注...

    VSCode搭建Vue项目的方法

    VSCode搭建Vue项目的知识点: 一、基础知识准备 ...以上内容整合了VSCode搭建Vue项目的详细步骤、必备知识、实践方法与进阶学习方向,希望对有志于使用VSCode开发Vue项目的开发者提供有价值的参考和指导。

    使用vite从头搭建一个vue3项目

    这是项目的说明文件,通常包含项目简介、安装指南、使用方法等信息,帮助其他开发者理解和使用项目。 9. **.env.test**: 与`.env.development`类似,此文件专门用于测试环境的配置,可以设置测试用例需要的环境...

    Vue环境搭建与5分钟上手文档1

    此时可以通过以下步骤搭建Vue项目: 1. **准备离线包**:提前在外网环境中下载所需的依赖包(如Vue CLI、Webpack等),并将它们复制到内网环境。 2. **配置npm源**:将npm源指向本地仓库,以便安装依赖时从本地获取...

    vue2.0 项目实战,包含源码,免费赠送

    - **IDE**:推荐使用VS Code或WebStorm等现代IDE,它们都提供了丰富的插件来支持Vue开发。 - **版本管理**:建议使用Git进行版本控制,便于多人协作和备份管理。 - **测试工具**:可以考虑使用Jest或Mocha来进行单元...

    Visual Studio Code搭建VUE开发环境.pdf

    Vue.js 是一款易学易用,性能出色,适用场景丰富的 Web 前端框架。它基于标准 HTML、CSS 和 JavaScript 构建,提供容易上手的 API 和一流的文档。可以用来开启PC网页、移动端网页页面、小程序等等

    vue项目开发环境软件安装包

    Vue.js 是一款流行的...总的来说,这个“vue项目开发环境软件安装包”提供了一个基础的开发环境,通过Node.js和VSCode,开发者可以快速搭建并开始Vue项目,结合Vue CLI和其他相关工具,可以实现高效的前端开发流程。

    Vue环境搭建及配置.ppt

    Vue环境搭建是指使用Vue.js框架建立一个基本的开发环境,以便进行后续的开发工作。为此,我们需要安装Node.js环境,并使用国内镜像来提高安装速度。然后,我们可以使用Vue-cli工具来快速创建一个新的Vue项目,并...

    webpack4+Vue搭建自己的Vue-cli项目过程分享

    具体搭建Vue-cli项目过程如下: 1. 创建项目的基本文件结构:包括创建index.html、src目录下的main.js、app.vue等文件。其中app.vue是一个单文件组件,是Vue特有的组件文件格式。 2. 使用npm或yarn安装必要的开发...

    基于Vue3+TypeScript+three搭建智慧城市系统源码+项目使用说明(毕设项目).zip

    基于Vue3+TypeScript+three搭建智慧城市系统源码+项目使用说明(毕设项目).zip 基于Vue3+TypeScript+three搭建智慧城市系统源码+项目使用说明(毕设项目).zip 基于Vue3+TypeScript+three搭建智慧城市系统源码+项目使用...

    使用vue3.0 创建项目

    Vue CLI 是一个全局可执行的 npm 包,用于快速搭建 Vue 项目。你可以通过以下命令安装: ```bash npm install -g @vue/cli ``` 或者,如果你更喜欢使用 Yarn 作为包管理器,可以这样安装: ```bash yarn global ...

    管理后台项目开发脚手架,基于vue-element-admin和springboot搭建,前后端分离方式开发和部署.zip

    具体到压缩包内的“WGT-code”文件,这可能是一个包含了整个项目源码的目录,包括前端的 Vue 代码、后端的 Java 代码以及相关的配置文件。开发者可以通过解压此文件,导入合适的开发环境(如IDEA或VSCode),然后...

Global site tag (gtag.js) - Google Analytics