搭建vue2.0脚手架

搭建vue2.0脚手架

第一、全局安装脚手架的环境(一般一个电脑装一次。装N次就是更新)
webpack

  • npm install(i) -g webpack
  • 查询版本 webpack -v
  • 这时候查询失败,因为你的电脑没有装webpack-cli ,按照提示安装
  • 有些同学安装ok但是查询失败,显示没有这个命令。原因是你的node没有装到C盘。建议安装到C盘

vue脚手架

  • npm install(i) -g @vue/cli
  • 查询版本vue —-version / vue -V
    • 注意点: 你们在创建项目的时候,由于项目版本是2.x在4.x的环境下,需要一个桥接工具
      • npm install(i) -g @vue/cli-init

创建项目

  • 在一个空文件下安装项目
    • vue init webpack mydemo(项目名称不能用驼峰)
  • 苹果电脑全局装环境
    • sudo npm install(i) -g webpack
    • sudo npm install(i) -g @vue/cli

      在这里插入图片描述

创建项目:

vue init webpack mydemo(项目名称,注意!!!不能用驼峰,可以用 my-demo)

启动命令

npm run dev
或者
npm start

安装依赖

拿到新的项目,如果没有node_modules 
执行命令: npm i 
安装所有依赖

相关文章

一准备工作umi为react的一个封装比较nice的脚手架。优点当然...
webpack在引入两个依赖的包时,可能需要使用shimming,意思是...
  Happypack (plugin)多线程使用loader编译文件treeshaki...
一目录结构├──build//构建相关├──config//配置相关├─...
接着第一节的demo现在我们尝试整合一些其他资源,比如图像,...
webpack的打包原理识别入口文件通过逐层识别模块依赖(Common...