VUE项目快速构建

时间:2024-08-17 10:34:26

IDE  :VScode

1.新建项目文件夹

  ctrl+~   调出命令板,/IDE找到当前文件夹右键 点击‘在命令提示符中打开’

  安装 node:官网(https://nodejs.org/en/download/ )下载安装   node -v    查看版本

  cnpm   用淘宝镜像安装

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

快速构建项目

vue  初始化webpack项目(选项里面有个询问是否安装 vue-router 的要选yes  其他的可以no,)

 vue init webpack 

然后 npm run dev  运行程序。根据需求更改配置文件

2.通过 npm init  自定义项目描述 package.json 文件

3. 安装 webpack

--save 将依赖的名称、版本要求添加到 dependencies (生产环境需要的依赖,例如:ui框架,js插件等)

--save-dev 将依赖的名称、版本要求添加到 devDependencies (开发环境需要的依赖,例如:webpack,css-loader/less-loader等)

cnpm i webpack webpack-cli webpack-dev-server webpack-merge --save-dev

4. 创建相应打包配置文件   及  完善开发目录

  webpack 多环境配置

5. 安装vue

cnpm i vue --save
cnpm i vue-loader vue-router vuex vux --save-dev

6.根据需求安装相应的插件 (https://www.npmjs.com/)