VUE环境项目搭建以及简单的运行例子

1。打开cmd命令窗口，node-v和npm-v可以查看相应的安装版本信息。

2。使用一下命令全局安装vue-cli。

1）npm install  -g  vue-cli

2）如果使用淘宝镜像，则是：npm install -g cnpm --registry=https://registry.npm.taobao.org

3.使用命令 vue init webpack vue-xxx 搭建vue项目, “vue-xxx” 是你的项目名称。

4.配置需要安装的vue环境（此处图片为复制粘贴）：

5.目录结构：src中的就是我们要用到的。公共文件，单页vue文件等。

6.运行项目：npm run dev

7.压缩项目：npm run build（压缩之后的文件可以打包apk等等）

8.路由里边的引入：

1）设置import和下边的path引入。从login开始的文件都写在components之中。

2）此处的“mode:"history”。参考文档：https://router.vuejs.org/zh/guide/essentials/history-mode.html

3）还有另一种写法，这个更为简洁化，也更明确：

 

9.如果是从线上分值拉下来的，那么此时就需要安装依赖，安装完依赖之后再借此运行项目（npm run dev），打压缩包(npm run build)：

npm install