vue脚手架创建项目

​刚开始去使用Vue写项目，记录其中的步骤以及自己不会的地方，当自己再使用的时候可以从这里找就可以了，不需要再花时间去查找，浪费无用功。

下面是创建的步骤：

1. 使用vue create 命令创建文件；

项目的名称自定义，值得注意的是这里的项目名称是不能使用大写字母的，如果其中包含大写字母就会报错，如下图所示：

2. 选择如何进行项目的预设，这里选择“Manually select features”，即自定义选择；

3. 关于“Check the features needed for your project”，这里选择“Choose Vue version”，“Babel”，“Router”，“Vuex”，“CSS Pre-processors”这五项选择，空格键选中或者取消；

4. 关于vue的版本现在选择2.x版本；

5. “Use history mode for router?”（路由器是否选择历史模式），这里选择“Yes”；

6. 关于CSS的预处理语言，选择Less；

7. 额外的配置文件选中在单独的文件中显示；

8. 最后关于是否保存上述设置（保存后不需要再手动配置），这里选中不保存。

总的结果即为：

Vue CLI v4.5.14
? Please pick a preset: Manually select features
? Check the features needed for your project: Choose Vue version, Babel, Router, Vuex, CSS Pre-processors
? Choose a version of Vue.js that you want to start the project with 2.x
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No

后续我们会看到下面两个命令：

之后根据上图输入：

cd firstproject

进入项目中，输入“cd f”后输入Tab键自动补全后续项目名称；

然后输入：

npm run serve

运行项目，之后在自己的浏览器中输入链接即可访问自己新建的项目^。

最后可以使用“Ctrl+C”退出。然后就可以使用开发工具开发啦(*^▽^*)。