搭建一个 Vue 项目

以创建 hello-world 为例

前提:npm install -g @vue/cli (安装vue cli)

命令行创建

1、打开 cmd 命令行，输入 vue create hello-world ， 然后回车

2、选择 default(vue2) （基于用的 Vue 版本决定的）

3、选择完 default 之后回车，等一段时间，项目会自动创建完成

4、进入 hello-world 目录，npm run server 命令启动项目

5、浏览器输入 http://localhost:8080/ 就可以访问创建的 Vue 项目了

图形化界面创建

打开 cmd 命令行，输入 vue ui ，进入图形化界面。
…

成功创建项目！

vue项目结构分析：

package.json:项目描述文件，包含一些依赖配置。
vue.config.js:配置文件扩展。（默认不会生成）
src/:源代码目录。
dist/:基于src/，通过npm run build生成dist目录（构建后的代码-混合压缩），用于生产环境。
public/:公共的静态目录。
babel.config.js:基于babel插件的配置。[babel作用:将ES6代码转换成浏览器兼容的ES5代码]
package-lock.json:安装的依赖等一些的版本说明。
README.md:项目的一些描述信息。
node_moudles:项目依赖的安装目录。