搭建vue脚手架

  • 第一步 > 检查node.js是否安装

通过命令提示符<node -v>、<npm -v>查看,如果没有请先安装node.js

  • 第二步 > 把npm换成cnpm

 在命令工具输入npm install -g cnpm --registry=https://registry.npm.taobao.org
 然后cnpm -v 查看版本 
  • 第三步 > 全局安装webpack

 使用命令行输入cnpm install webpack -g
 使用webpack -v查看版本
 如果webpack版本4以上,需要安装webpack-cli 依赖 
 使用命令工具输入cnpm install webpack webpack-cli -g 
  • 第四步 >安装vue-cli

使用命令行输入 cnpm install vue-cli -g
使用vue查看版本
  • 第五步 >利用vue-cli初始化vue项目

在你想要安装项目的而目录下输入vue init webpack projectname(projectname是你项目的名称),

Project name:——项目名称

Project description:——项目描述

Author:——作者

Vue build:——构建模式,一般默认选择第一种

Install vue-router?:——是否安装引入vue-router,这里选是,vue-router是路由组件,后面构建项目会用到

Use ESLint to lint your code?:——这里强烈建议选no 否则你会非常痛苦,eslint的格式验证非常严格,多一个空格少一个空格都会报错,所以对于新手来说,一般不建议开启,会加大开发难度

Setup unit tests with Karma + Mocha 以及Setup e2e tests with Nightwatch这两个是测试,可以不用安装
  • 第六步

最后一个选项选择 NO,I will handle that myself

然后输入cd projectname(你项目名称)

然后再输入cnpm install
  • 第七步

输入cnpm run dev

最后在网址打开http://127.0.0.1:8080/
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容