vue前端搭建教程-创建vue项目保姆级教程

目录

一.node.js

二.vue-cli脚手架

三.创建配置vue项目

四.运行启动vue项目

---

一.node.js

1.node.js官网：Node.js

2.版本根据自己项目需求去选择。

3.node.js版本检查：win+r打开输入cmd，打开命令行窗口输入：

node -v

 

二.vue-cli脚手架

1.命令行安装vue-cli脚手架：cmd命令行窗口输入：

npm install -g @vue/cli

2.vue-cli版本检查：cmd命令行窗口输入：

vue -V

 

三.创建配置vue项目

1.创建文件：管理员身份打开命令行，输入：

vue create XXX

注：

        xxx可自定义输入vue项目名称，不支持大写字母

        myConfig：上一个vue项目的配置

        Default（[vue3：默认vue3

        Default（[vue2：默认vue2

        Manually：自定义配置

        本教程使用自定义配置

 2.项目配置

上下键切换，空格键选择，回车键确认配置

注：

        Babel：js语法编译器

        Router：路由

        Vuex：状态管理器

        Linter/Formatter： 代码检查

版本选择：本教程使用2.x

是否要对路由器使用历史记录模式：n

代码格式检查：选择标准Standard

代码检查时间：Lint on save

第三方配置文件放在哪里：In dedicated config files(独立的文件)

将本次配置设为预设模板：yes

为预设模板命名：XXX

配置完成，vue项目创建成功

四.运行启动vue项目

cd目录切到XXX下，输入：npm run serve 

Local：前端ip端口，在浏览器输入ip端口，就成功进入到前端页面啦！！

 

 有问题可以直接发表评论哦，欢迎参考或指正！