Vue安装与配置

时间:2021-08-02
本文章向大家介绍Vue安装与配置,主要包括Vue安装与配置使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

安装nodejs

详情见:https://www.cnblogs.com/yuanleyuan/p/15090189.html

安装Vue-cli

在计算机命令行分别执行如下命令进行安装:
cnpm install -g @vue/cli
cnpm install -g @vue/cli-init

安装完成后使用如下指令检查是否安装成功
vue -V 注意V是大写

安装webpack

安装命令:cnpm install -g webpack

创建vue项目

  1. 创建项目的命令:vue init webpack 项目名
    想在哪里创建项目,就在哪个路径下执行该命令

  2. 进入到刚才创建的项目路径,执行命令:cnpm install

这里我们可以发现路径里多了一个文件夹,这个文件夹就是npm加载的项目依赖模块,所以今后我们移动或者拷贝项目时,可以无需拷贝此文件夹,只需要进入拷贝后的项目目录执行cnpm install命令即可

启动vue项目

启动项目的命令:npm run dev


这也就意味着, 我在我的计算机里启动了一个Vue项目(前端服务器) 端口在8080

这时就可以使用浏览器进行访问

若想关闭这个项目,使用ctrl + c即可

原文地址:https://www.cnblogs.com/yuanleyuan/p/15090278.html