使用命令行搭建 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 运行时缺少什么就安装什么。
以上。