方法1、命令行
1、先检查一下自己的node、npm、vue版本(vue版本最好3.0以上),进到相应的文件夹路径下。
2、default为默认配置选项模式(在这里选用手动选项配置模式)
3、配套的相应组件,按照自己的需求进行相关的配置
4、尽量按照这个相应的配置来做。
5、这2个命令出现,代表创建成功,并按照好相应的组件。
6、运行蓝色的命令代表运行该项目,就能正常跑起来。访问http://localhost:8080/,就能看到相应的项目运行界面。
----------------------------------------------------方法1完结-----------------------------------------------------
方法2、界面创建方法(vue ui)
1、进到相应文件夹路径下,vue ui
2、访问http://localhost:8000/,进到相应的浏览器创建vue界面
3、选择Create,进到相应工具配置页面,选好点击下一步
4、手动配置(组件配置选项、更加自主化)
5、主要添加Router、Vuex、CSS Pre-processors、Linter/Formatter、及使用配置文件(按需选择,我主要根据自己项目需求选)这些组件
6、选择Sass/SCSS(官方主推的dart-sass)及ESLint+Standard config这两个选项,点击下一步。
7、预设名,是你后面再创建项目时,可以根据这名字直接选择该配置,快速构建该配置类型的工程化项目。(随便取)保存预设并创建项目。
8、创建成功,可以看到各个组件的相关配置,点击第5个按钮,可以运行该项目。之后访问http://localhost:8080/即可进入该项目。