vue项目搭建（vue-cli）以及其他配置

使用命令行搭建  vue-cli

查看node -v  、npm -v 版本   不符合版本需要更新

npm install -g vue-cli  全局安装vue-cli  也可以使用 cnpm  install -g vue-cli 安装速度快很多（前提是npm install -g cnpm --registry=https://registry.npm.taobao.org）

使用 vue -V （注意 V 大写）查看是否安装成功

vue init webpack project-name(你的项目名字)

cd project-name

cnpm install

npm run dev (运行项目) 如果运行出没有被加载，查看8080端口，被占用则修改端口，在config->index.js--dev: port 修改端口号

可以将 build 的路径前缀修改为 ' ./ '（原本为 ' / '），（在config->index.js--build：assetsPublicPath:）是因为打包之后，外部引入 js 和 css 文件时，如果路径以 ' / ' 开头，在本地是无法找到对应文件的（服务器上没问题）。所以如果需要在本地打开打包后的文件，就得修改文件路径

npm run build 打包上线，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看项目

上线时，只需要将 dist 文件夹放到服务器就行了。

其他修改 安装  npm install --save axios vuex vue-router

使用scss 需要安装 npm install --save sass-loader scss-loader node-sass css-loader

如果node-sass报错 使用cnpm 安装  cnpm install --save node-sass

Cannot find module 'mkdirp',则需在build文件下的webpack.base.conf.js 配置使其识别scss 文件

在npm run dev 运行时缺少什么就安装什么。

以上。