学习Vue之路（一）——建立Hello, World项目

学习Vue之路（一）——建立Hello, World项目

一、搜索Vue Cli，进入官网

进入Vue Cli官网后往下拉，看见有提示安装，需要用到npm命令，之前学习的时候安装过Node.js，因此可以直接输入指令安装。npm install -g @vue/cli
这个Cli大概会占用C盘1G多一点的空间，我C盘不够空间安装失败了一次，不过直接重新出入命令即可重装，不需要把之前的文件删了。

二、创建Vue项目

安装完成后，可以在想要创建目录的位置右键Git Bash，或者在地址栏输入cmd，然后输入vue create my-project或者输入vue ui前者是直接命令行中询问安装的问题，我一个初学者一路Y和回车就可以了。

三、打开Vue项目

创建完成后看到这么多文件和文件夹表示一脸懵逼，找到index.html直接打开了却发现一片空白。其实是我太心急了，正确打开方式应该是输入npm run serve打开服务器，我用的是Apache，所以最后部署成功后，输入http://localhost:8080/就直接访问了（打开其实并不是Hello World）

四、注意点

1、首先是安装前C盘一定要够位置啦

2、其次是环境，需要有一定条件的环境，比如服务器、npm等

3、最后是打开Vue项目的方式，不能直接打开index.html！！！ 听朋友说要用webpack打包后才能正常点击index.html打开，但是还没学webpack就先放放吧