vue 创建vue项目

基本配置:

前台:VUE (编码工具:Visual Studio Code)

后台:ASP.NET Web API (编码工具:Visual Studio 2019)

数据库:MYSQL

基本框架:Element UI

1、按照必须的环境,包括安装好npm,webpack和vue-cli.

2、用vue-cli创建VUE前端项目。

在本电脑创建一个文件夹为Project,然后用命令行进入该文件夹目录,输入命令:
cmd 到当前路径:

在上图后输入命令:

vue init webpack TestVue   这个红色标识为创建的项目名称。

输入如下:

回车运行,根据后续的提示信息进行确认,

创建完成后,找到对应路径下的TestVue文件夹下,如下图:

用Visual Studio Code打开test文件夹,然后快捷键CTRL+·打开终端(·就是ESC下方的波浪号键),输入下方命令启动项目:

在当前环境下运行:

npm run dev
成功后提示如下:

打开当前网址即可显示。

如果端口让占用的话,修改可以自己改一下端口号,打开config文件夹的index.js文件

再次启动如下:

npm run dev
即可

相关推荐

  1. Vue创建vue3项目

    2024-03-14 14:30:10       44 阅读
  2. vue创建项目

    2024-03-14 14:30:10       69 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-14 14:30:10       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-14 14:30:10       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-14 14:30:10       82 阅读
  4. Python语言-面向对象

    2024-03-14 14:30:10       91 阅读

热门阅读

  1. vue常用6种数据加密方式的使用

    2024-03-14 14:30:10       43 阅读
  2. Python 正则表达式

    2024-03-14 14:30:10       40 阅读
  3. C++ 智能指针

    2024-03-14 14:30:10       33 阅读
  4. git ssh建立连接

    2024-03-14 14:30:10       42 阅读
  5. 渗透测试修复笔记 - 02 Docker Remote API漏洞

    2024-03-14 14:30:10       41 阅读
  6. 介绍一下mysql的存储结构和存储逻辑

    2024-03-14 14:30:10       39 阅读
  7. docker和docker-compose安装

    2024-03-14 14:30:10       40 阅读
  8. MySQL 锁

    MySQL 锁

    2024-03-14 14:30:10      33 阅读
  9. 对象的组合复用学习笔记

    2024-03-14 14:30:10       44 阅读
  10. opencv install

    2024-03-14 14:30:10       46 阅读
  11. rt-thread之sal+lwip的tcp客户端示例记录

    2024-03-14 14:30:10       45 阅读