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