vue-cli脚手架搭建vue——第一天

时间:2021-11-01 23:16:59

所有安装几乎都是用cnpm完成


1. 下载并安装node.js,官网下载地址:https://nodejs.org/en/,选择适合的版本(建议稳定版)

2. 配置淘宝NPM镜像,使用淘宝镜像可以使后面安装更加快速稳定。官网教程:http://npm.taobao.org/

    我使用的是cmd命令:打开dos窗后后,输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

完成后可以输入cnpm -v查看版本,如能显示版本信息,则表示成功

vue-cli脚手架搭建vue——第一天

3.  全局安装vue-cli脚手架工具:

    cnpm install -g vue-cli    

 “-g”表示是全局安装

 安装完成后,使用vue -V来查看vue版本,注意这里的-V是大写

vue-cli脚手架搭建vue——第一天

4. 在电脑某个目录下新建文件夹,我这边新建“vueDemo”,然后在dos窗口,使用cd切换路径至该文件夹下后使用webpack模板初始化vue项目:vue init webpack

当然也可以不新建文件夹,使用:“vue init webpack 文件夹名”,这样vue就会在当前目录下新建一个文件夹。

在初始化过程中除了项目名(project nane)以外,如果不确定可以都直接回车。需要注意的是项目名不能有大写英文。

完成后就可以在项目文件夹下面看到一个基于 webpack 的 vue.js 项目

5. 安装webpack(见上一篇博文)

6.  然后是使用淘宝镜像安装依赖:cnpm install