安装vue-cli
1.安装node环境 中文官网http://nodejs.cn/下载安装包。
2.安装npm (cmd控制面板)
npm install -g npm
3.安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org
使用 cnpm -v 查看是否安装成功
4.然后使用 cnpm 安装 vue-cli
cnpm install -g vue-cli
安装完成后,可以使用 vue -V (注意 V 大写)查看是否安装成功。
如果提示“无法识别 'vue' ” ,有可能是 npm 版本过低,可以使用 npm install -g npm 来更新版本
5.生成项目 vue init webpack Vue-Project(生成项目的文件夹名)
6.然后进入项目目录(cd Vue-Project),使用 cnpm 安装依赖
7.cnpm install
8.启动项目 npm run dev
9.打包上线 自己的项目文件都需要放到 src 文件夹下
项目开发完成之后,可以输入 npm run build 来进行打包工作
打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看
项目上线时,只需要将 dist 文件夹放到服务器就行了。