使用Vue CLI脚手架搭建vue项目

本次是使用@vue/cli 3.11.0版本搭建的vue项目

1. 首先确保自己的电脑上的Node.js的版本是8.9版本或者以上

2. 全局安装vue/cli

　　npm install @vue/cli -g

　　或者yarn add @vue/cli -g

3. 使用脚手架搭建项目 vue create my-vue(my-vue就是创建的项目名)

4. 然后使用↑↓选择Manually select features(手动选择)

5. 下面这么多的扩展项只需要选择Babel   Router   Vuex 即可 (使用上下箭头控制选择的想，使用空格键选中)然后Enter

6. 输入y，确定使用路由，然后Enter

7. 仍然使用上下箭头选择In package.json，然后Enter

8.  输入n，然后Enter就开始创建项目，这个过程需要一点时间，请不要在命令行乱点。

创建完毕，如下图

然后进入文件夹 cd my-vue

运行项目 npm run serve

这样则是运行成功

运行成功或在浏览器地址栏输入127.0.0.1:8080，然后Enter，会看到这样一个页面，就代表项目搭建成功了

然后我们看一下文件夹，是这样的

不明白的地方可以评论！

写错的地方也希望大家可以指出！

附上vue/cli官方地址：https://cli.vuejs.org/zh/guide/