手动创建vue项目的2种方式

方法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/即可进入该项目。