-
安装nvm->node.js版本管理工具,选择合适的node版本,不需配置环境变量
-
安装webpack
npm install -g webpack
- 在环境搭建成功的基础上:
npm install vue-cli -g #cd到想要建立vue项目的目录,安装全局vue-cli
vue init webpack vue-first-demo #init项目
image.png
- cd 到项目目录,安装依赖
yarn
yarn install
yarn install --flat ##安装一个且只有一个版本的包
yarn install --force ##强制加载获取所有的包
yarn install --production ## 只会安装dependencies, 不会安装devDependencies
- 运行项目
yarn dev
- 添加项目依赖: yarn add [package] == npm install [package]
yarn add --dev to add to devDependencies
yarn add --peer to add to peerDependencies
yarn add --optional to add to optionalDependencies
dependencies: 正常的运行过程中的依赖; devDependencies: 开发模式 所用的依赖; peerDependencies: 当你发布项目的时候 可以指定该依赖; optionalDependencies: 可有可无,表示在安装失败的时候一个备选的依赖保证过程; bundleDependencies: 发布项目的时候所用的依赖 不是从npm来的 一起打包发布到npm上
- 本地监听dist目录文件
http-server dist
网友评论