vue-cli搭建项目

使用 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的工作目录就是当前的目录。

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

推荐阅读更多精彩内容