mac 下创建vue项目

309 阅读1分钟

查看node版本:node -v

查看npm版本:npm -v

安装cnpm:

npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue,命令如下:

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

查看cnpm版本:cnpm -v

image.png

查看webpack版本:webpack -v

不存在时,安装,安装命令如下

使用命令:cnpm install webpack-cli -g

安装后查看版本信息 image.png 根据安装信息与版本信息可知,安装失败

使用安装成功:cnpm install webpack -g

安装后查看版本信息 image.png

查看vue版本:vue -V

不存在,安装vue-cli脚手架构建工具,命令如下:

cnpm install vue-cli -g

创建项目:

进入到项目需要放到那个目录下:cd /xxx/xxx/xxx

创建项目:vue init webpack 项目名 image.png

启动项目

用idea打开项目,根据README.md文件中的Build Setup提示信息启动项目

npm install

npm run dev

访问localhost:8080页面如下: image.png