Vue新建项目的时候，自己的一些总结

我们在之前搭建一个vue项目直接按照vue官方文档里面的安装指示

npm install -g vue-cli
vue init webpack my-project

这两行代码是指引我们创建一个vue项目，可是尴尬的是，现在vue-cli好像不好使了。
后来仔细看了一下vue的官方文档。

另附一VUE CLI的官方地址 https://cli.vuejs.org/

点进去一看，大吃一惊，命令已经进行了更换。变成了

npm install -g @vue/cli
# OR
yarn global add @vue/cli

vue create my-project

当然我们可以用npm安装也可以用yarn。
顺便提一下，我们想用yarn安装，就必须用npm安装一下yarn。

npm install yarn -g       //苹果电脑记得加sudo  命令最终是sudo npm install yarn -g

对了，在用苹果电脑安装脚手架vue-cli的时候，也得需要加sudo，这里我来告诉大家，在加sudo的时候出现的错误！！！

在加上sudo之后， sudo npm install -g @vue/cli
执行命令的时候会提示password，这里就是电脑的本机密码。。。
就可以顺利安装了。
安装之后，再创建项目 vue create my-project
会出现一条提示

选第二个，自己手动配置。

小提示：我们按空格键就可以进行选中／取消 操作。选好按回车键。

（当我们选择了css Pre-processors （css的预编译）的时候，按回车的时候就会提醒我们选择哪种预编译语言。）
附图一张

接下来会提示我们

我选择的是 ESLint + Standard config
接下来是

我选择的是 Lint on save
接下来是

选择是package.json

接下来选择y，然后回车再回车就好了。

这条命令执行完之后会提示选择npm还是选择yarn作为执行主体，我无意中选的yarn，大家可以选择npm。
（注：我选择yarn之后，好几次再建项目就没有再让选择了，很尴尬，所以我这一直是yarn。。。）

下面这张图是我在webstrom中的Terminal中截取的

然后依次执行图中红圈圈中的两行代码即可。

cd my-project
yarn serve

执行完之后就可以看到自己的vue的欢迎界面了。

选择npm的就是

cd my-project
npm run dev

可能有点儿啰嗦，还望大家海涵，有帮助就很好了！！！