使用Vue记录（1）------------------项目搭建

最近基本都在使用vue，我也不得不使用vue，此系列知识记录使用vue的路程

 

IDE使用的是JetBrains WebStorm 2018.1.3 x64,直接考的别人的。

创建项目

Location：选择时好像是要选一个空的文件夹

Node interpreter：就是选择你本地的Node.js

vue-cli or @vue/cli：使用npm安装一个vue-cli，npm install vue-cli

Project template：选择webpack，因为太菜不知道有啥区别

Webpack是一个模块打包器，他可以递归的打包项目中的所有模块，最终生成几个打包后的文件。他和其他的工具最大的不同在于他支持code-splitting、模块化(AMD，ESM，CommonJs)、全局分析。

然后Next，一直接Next。

然后界面就出来了

右下角会弹出一个关于NPM的一个东西，选Run就行，就开始下载依赖了。

他会下载到项目里node_modules下，几乎所有用到的依赖都会放到那。

当然由于下载太慢，你也可以把别人的包copy过来，整个复制或者是要符合你版本的都行。

经过漫长的等待已经下载完了，可能会有error，不影响运行先不管他

双击第一个，就可以运行项目了。

 

然后访问http://localhost:8080/

这样项目就运行起来了。