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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容