vue项目搭建(比较详细)

上一篇内容:VUE从零开始环境搭建(https://blog.csdn.net/freegxx001/article/details/109373587

 

在这之前我已经安装了git,在桌面或文件夹右键会有git base的选项(类似cmd的命令行)

如果不安装git,也可以使用系统自带的cmd命令,操作是一样的

vue项目搭建(比较详细)

创建项目

vue init webpack "xfly-admin"

这里每一步需要回车或者输入Y或N之后回车(注意y表示yes,n表示no)

vue项目搭建(比较详细)

? Project name ( my-project ) 敲y, 回车既可

        ?project description ( A Vue.js project ) 敲回车既可

        ?Author ( xxxxxx <[email protected]> ) 敲回车既可

        ? Vue build ( user arrow Keys ) 敲回车既可

        ? Install vue-router?(Y/n)敲Y回车既可 (是否安装路由)

        ?Use ESLint to lint your code? (Y/n) 敲n回车既可(是否安装ESLint )

        ?Set up unit tests (Y/n) 敲n回车既可 ( 单元测试, 个人觉得不安装选择n )

        ?Setup e2e tests with Nighwatch?(Y/n) (  e2e测试,个人觉得不安装选择n )

        ?Should we run `npm install` for you after the project has been created? (recommended) (use arrow Keys)

(最后一个选项本来想创建之后自己再npm install的,但是git base命令行没办法改变这个选项)

 

 

安装完成之后

vue项目搭建(比较详细)

按照其最后提示的命令即可运行项目

vue项目搭建(比较详细)

在浏览器中输入地址,回车即可访问

vue项目搭建(比较详细)