为了保证能够使用vue.js单文件组件,需要安装以下环境。
安装 `npm`
`npm` 全称为 `Node Package Manager`,是一个基于`Node.js`的包管理器,也是整个`Node.js`社区最流行、支持的第三方模块最多的包管理器。
npm -v
由于网络原因 安装 `cnpm`
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装 `vue-cli`
cnpm install -g @vue/cli
安装 `webpack`
`webpack` 是 `JavaScript` 打包器(module bundler)
cnpm install -g webpack
创建项目步骤
1.进入要创建项目的目录
windows的cmd下盘符:(例如D:)进入相应的盘,然后cd 路径(例如cd \code\vuecode)进入文件夹
2.启动vue-cli图形化管理界面
vue ui