使用 vue init webpack 项目名 创建项目

  1. 检测node和npm的版本
    使用 vue init webpack 项目名 创建项目_第1张图片
  2. 使用vue init webpack 项目名称创建项目
    使用 vue init webpack 项目名 创建项目_第2张图片
  3. 切换到项目文件下面
    使用 vue init webpack 项目名 创建项目_第3张图片
  4. 通过npm run dev运行项目
    使用 vue init webpack 项目名 创建项目_第4张图片
    如果报错说'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件,就npm install安装package.json文件中的所有依赖模块。
    使用 vue init webpack 项目名 创建项目_第5张图片
  5. 在浏览器中打开生成链接的网页,查看项目生成是否成功
    使用 vue init webpack 项目名 创建项目_第6张图片
    如果安装成功,打开链接后就是上图呈现的样式。
  6. 项目文件解析
    使用 vue init webpack 项目名 创建项目_第7张图片

你可能感兴趣的:(笔记,vue,js,npm,webpack,前端)