Vue ·安装使用

一、需要先下载nodejs

下载地址： http://nodejs.cn/

使用安装包安装会默认安装npm
查看安装的版本
node -v
npm -v

二、安装cnpm

注： cnpm使用与npm命令一样

1、 说明：nmp(node package manager) 是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）；

2、 使用npm安装插件：命令提示执行npm install<name>

3、 选装cnpm因为npm安装插件是从国伟服务器下载，受网络影响大，可能出现异常。
来自官网：“这是一个完整的npmjs.org镜像，你可以用此代替官方版本（只读），同步频率目前为10分钟一次以保重尽量与官方服务同步”；

安装： npm install -g cnpm --registry=https://registry.npm.taobao.org
安装： npm install -g cnpm --registry=https://registry.npmmirror.com
输入cnpm -V, 可以查看当前cnpm版本

PS: yarn是一个包管理器，是facebook发布的一款取代npm的包管理工具
//npm安装yarm
npm install -g yarn

三、安装vue-cli脚手架构建工具

vue-cli 提供一个管理命令工具，可用于快速搭建大型应用

输入命令：

安装指定版本  (-g 指全局安装，不带 -g 是局部安装)

查询安装的组件
npm list --depth 0 -g
查看各组件版本
npm list --depth 0 -V
-----------------------------------------------
安装脚手架
cnpm install -g @vue/cli

创建项目先择vue2(选择后会自动下载vue)
vue create my-prov

下载less
npm i less
下载less 解释器
npm i less-loader@6.0.0
下载vuex
npm i vuex@3.6.2
-------------------------------------------------

vue2
npm install -g vue-cli
npm install -g vue-cli@版本
vue@2.6.14
 
vue3 
npm install -g @vue/cli
npm install -g @vue/cli@4.5.13

卸载：
vue2
npm uninstall -g vue-cli

vue3 
npm uninstall -g @vue/cli

npm uninstall xxx 删除xxx模块 
npm uninstall -g xxx 删除全局模块xxx
npm uninstall 模块：删除模块，但不删除模块留在package.json中的对应信息
npm uninstall 模块 --save 删除模块，同时删除模块留在package.json中dependencies下的对应信息
npm uninstall 模块 --save-dev 删除模块，同时删除模块留在package.json中devDependencies下的对应信息


查询可用包的版本号
npm view @vue/cli versions --json

查询npm安装的插件
npm list --depth 0 -g

查看npm或者cnpm配置的源registry
npm config get registry
cnpm config get registry

版本查询 （检测是否安装成功）
vue -V

通过上面的步骤就可完成 @vue/cli 4.5.13 的安装。

---

四、创建一个项目

注: 创建的项目名称不能有大写字母
vue create vue-manage

进入到项目目录文件下运行
npm run serve

项目打包
npm run build

==================================================================================================

五、可能遇到的问题

---

安装有cnpm，就cnpm install 不成功。

解决如下：
1.window+R调出，输入PowerShell调出命令行：
2、输入“ set-ExecutionPolicy RemoteSigned ”回车
3、根据提示，输入A，回车
4、再次回到cnpm -v查看cnpm 
5、cnpm install 成功