Vue----------vue-cli(1)使用vue-cli搭建项目

安装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 文件夹放到服务器就行了。

你可能感兴趣的:(Vue----------vue-cli(1)使用vue-cli搭建项目)