美文网首页
Vue----------vue-cli(1)使用vue-cli

Vue----------vue-cli(1)使用vue-cli

作者: 默色留恋 | 来源:发表于2018-06-05 09:21 被阅读0次

安装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

      本文链接:https://www.haomeiwen.com/subject/oitpsftx.html