vue create~~初始化项目

在创建初始化项目之前，我们需要新建一个文件夹，用来存放项目，假如起名就叫做

vue-project，打开这个文件夹，在物理路径位置输入cmd，打开终端

---

vue create~~初始化项目

执行命令：vue create hxx                (注意：后面名称属于自定义名称)

 

键盘上下键选择, 选择自己需要的特性（上下键移动键，空格键是否选中，a 键切换选择所有，i 键反转选择选项）

 

 ( ) Babel //

( ) Babel //支持高阶语法转换

( ) TypeScript//支持使用 TypeScript 书写源码

( ) Progressive Web App (PWA) Support //支持PWA

( ) Router//路由

( ) Vuex // store

( ) CSS Pre-processors// CSS 预处理器

( ) Linter / Formatter // 代码风格检查和格式化

( ) Unit Testing //支持单元测试

( ) E2E Testing //支持E2E测试

然后回车，出现下面的界面，选择vue的版本

路由的选择

Css预处理的选择

所有的特性配置项，生成一个配置文件

初始化构建项目

出现如下所示界面，说明项目初始化构建成功。使用下面的命令，启动项目！

 （1）通过cd 命令进入项目中！

（2）然后通过npm run serve命令，启动项目！

 

 如果在终端运行不了，可以在 vscode 中新建终端打开文件夹运行