美文网首页
vue-cli搭建项目

vue-cli搭建项目

作者: 小宁同学哈 | 来源:发表于2019-10-08 17:39 被阅读0次

使用 vue-cli 搭建项目

安装node 安装npm 安装cnpm淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org cnpm install -g vue-cli全局安装 vue-cli   vue-cli 安装成功 vue -V 进入放置项目的文件夹 按住Shift鼠标右键打开命令窗口,执行vue init webpack 创建项目 创建成功 生成如下目录文件 使用npm 或 cnpm 安装依赖 npm run dev 启动、npm run build 打包

目录结构及其对应作用

通过vue-cli搭建一个vue项目,会自动生成一系列文件,而这些文件具体是怎样的结构、文件对应起什么作用,可以看看下面的解释:

如果是win10系统,在当前文件中打开命令行cmd的方法是:

1.按住Shift键,鼠标右键快捷方式,先打开Powershell窗口。

2.输入start cmd 回车

3.这样就可以打开cmd窗口了,并且cmd的工作目录就是当前的目录。

相关文章

网友评论

      本文标题:vue-cli搭建项目

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