欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-12 10:56:04
...
1. 配置环境
1.1. 安装nodejs,下载地址:https://nodejs.org/en/download/。 步骤…..安装完成后,输入node-v,提示如下,则安装完成。


使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue
1.2. 安装vs code

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

1.3. 安装插件

使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue

2. 创建一个vue项目


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


使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue

接下来根据提示开始操作


使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue


使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue

安装完毕后
输入yarn install

使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue

最后运行:npm run dev


使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue

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



使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue

搭建第一步完成,里面的所用命令,下来慢慢深究。
  • 使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue
  • 大小: 18.7 KB
  • 使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue
  • 大小: 58.4 KB
  • 使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue
  • 大小: 65.2 KB
  • 使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue
  • 大小: 75.5 KB
  • 使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue
  • 大小: 69.7 KB
  • 使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue
  • 大小: 77.7 KB
  • 使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue
  • 大小: 58.3 KB
  • 使用 vs code 搭建vue项目(一)
            
    
    博客分类: vue vue
  • 大小: 18.7 KB
相关标签: vue