vue-cli脚手架和webpack打包命令及其node.js

最新推荐文章于 2024-07-16 16:20:26 发布

清尘沐歌

最新推荐文章于 2024-07-16 16:20:26 发布

阅读量383

点赞数

文章标签： vue.js node.js webpack git elementui

本文链接：https://blog.csdn.net/weixin_45017726/article/details/120731890

版权

1.node.js

安装：https://nodejs.org/zh-cn/

版本查看：

node -v

2.npm

它是node.js自带的

版本查看：

npm -v

3.cnpm

淘宝镜像安装：

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

版本查看：

cnpm -v

3.webpack

全局安装：

npm install webpack webpack-cli –g

一般指定版本
npm install webpack@3.6.0 -g

项目中的局部安装：

npm install webpack webpack-cli --save-dev

一般指定版本，除非报错
npm install webpack@3.6.0 --save-dev

版本查看：

webpack -v

项目中自动生成package.json文件

npm init -y
或
npm init

安装loader:

直接看官网

1.通过clean-webpack-plugin插件删除输出目中之前旧的文件。

npm install --save-dev clean-webpack-plugin

2.其它loader

npm install --save-dev css-loader

npm install --save-dev style-loader

npm install less less-loader --save-dev

npm install --save-dev url-loader

4.vue-cli

安装：

npm install -g @vue/cli

版本查看：

vue --version

项目创建：

vue2.0:

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project

vue3.0:

vue create hello-world
或
vue ui

vue路由:

vue add router

5.axios

安装：

npm install axios -S

6.Git

克隆：

git clone 地址

增加：

git add .

挂载：

git commit -m " "

推送：

git push

7.Mint UI

安装：


// 安装 
# Vue 1.x 
npm install mint-ui@1 -S 

# Vue 2.0 
npm install mint-ui -S

引入：


// 引入全部组件 
import Mint from 'mint-ui'; 
import 'mint-ui/lib/style.css';
Vue.use(Mint);

// 按需引入部分组件 
import { Cell, Checklist } from 'mint-ui'; Vue.component(Cell.name, Cell); Vue.component(Checklist.name, Checklist);

8.Element-UI

安装：

npm i element-ui -S

引入：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

9.sass

第一种方法：
npm install node-sass --save-dev
npm install sass-loader --save-dev

第二种方法：
修改sass安装的源
npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass
npm install

降低版本：
npm install node-sass@4.14.1 --save-dev
npm install sass-loader@7.3.0 --save-dev