用vue-cli创建项目显示这个是什么意思

发布网友 发布时间：2022-04-19 10:03

我来回答

共2个回答

懂视网 时间：2022-05-12 06:30

由于是Vue+webpack这里就不赘述git那些东西，默认环境都配置好了。

第一步先建立一个文件夹我这里是apronew;

第二步在文件夹里面打开git bash，然后敲命令行npm install --global vue-cli，全局安装 vue-cli，如果已经全局安装可不用再装一次；

第三步： 第二步成功之后，创建一个基于 webpack 模板的新项目敲命令行： vue init webpack test-vue-cli

当完成第三步，进入到新init的文件夹此时是这样的

第四步：安装依赖包，用命令行npm install（这里推荐用cnpm淘宝镜像，比较快）

安装过程是这样的

安装成功是这样的

此时就可以进行最后一步跑起来啦；

第五步：npm run dev;(至于为什么是run dev 以及这个命令行敲完干了些什么日后再补上)

如果有依赖没安装上，这一步会有报错，继续安装一下响应的依赖就行了；出现以下状态就表示大功告成啦！

用Vue 脚手架构建项目结束！

热心网友 时间：2022-05-12 03:38

Vue-cli是官方推荐的快速构建单页应用的脚手架。官方给的建议，如果你是初次尝试Vue，哪就老老实实用普通的书写引入js文件，这里牵扯太多的东西，例如webpack、npm、nodejs等等，很容易成就从入门到放弃的思想。这篇文章本身就是按照官方的文档中的构建流程来的（官方构建建议）。一下是构建过程。

一、 安装 node.js

首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。

安装完成后，可以命令行工具中输入node -v和npm -v，如果能显示出版本号，就说明安装成功。

二、安装 vue-cli

安装好了 node，我们可以直接全局安装 vue-cli：

npm install -g vue-cli    

因为各种不可描述的原因，使用npm安装会很慢，而且很容易出错，所以推荐使用cnpm来安装。

npm install -g cnpm --registry=https://registry.npm.taobao.org    

安装成功后，使用 cnpm 安装 vue-cli 和 webpack。

cnpm install -g vue-cli    

安装完成后，可以使用vue -V 查看是否安装成功。

三、生成项目

首先需要在命令行中进入到项目目录，然后输入：

vue init webpack Vue-demo    

其中 webpack 是模板名称,Vue-demo 是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹。

配置完成后，可以看到目录下多出了一个项目文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目

然后进入项目目录（cd Vue-Project），使用 cnpm 安装依赖

cnpm install    

然后启动项目

npm run dev    

四、打包上线

自己的项目文件都需要放到 src 文件夹下

项目开发完成之后，可以输入npm run build 来进行打包工作

npm run build    

打包完成后，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看

项目上线时，只需要将 dist 文件夹放到服务器就行了。