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