Vue 搭建项目

Vue  搭建项目

一.node下载安装：

1.下载：https://nodejs.org/en/download/

2.安装默认许选择，下一步就行；

3.安装完之后就可以使用npm命令

 

二.通过@vue/cli方式安装：

1.全局安装@vue/cli  ：

npm install -g @vue/cli  最新版本3.x，可以通过ui界面方式创建

2.创建项目：

vue create 项目名称

或

vue ui 直接打开web页面，通过界面方式创建项目

 

三.通过vue-cli方式安装：

1.全局安装vue-cli

npm install --global vue-cli vue-cli 旧版本

2.通过webpack方式初始化vue项目

vue init webpack 项目名称

3.根据提示设置项目信息即可

四.运行：

npm run dev

 

五.编写代码调试：

 跳转到：https://www.cnblogs.com/zlp520/p/10924962.html

 

六.生成：

npm run build

 

七.扩展：

1.npm 安装cnpm：
npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完之后就可以使用cnpm和npm命令一样，只是cnpm是淘宝镜像而已  

2.npm安装安装yarn：

npm install -g yarn

 

备注：-g或 --global代表全局的意思

全局安装:
 npm install xxx  -g 安装到 \AppData\Roaming\npm\node_modules目录
本地安装：

npm install xxx 安装到命令行所在目录的node_module目录。

转载于:https://www.cnblogs.com/zlp520/p/10924959.html