nodejs實踐---vue安裝和使用

node 安裝和配置

環境要求：  安裝有 Node.js、 vue、 vue-cli 。

node下載地址https://nodejs.org/en/

查看nodejs版本和npm版本，在命令行中輸入：

node -v
npm -v 或者 npm -version
##配置
npm help config
##配置列表
npm config list
##設置前綴
npm config set prefix="D:\\npm_repository"
npm config set cache "D:\nodejs\node_cache"
npm list -global
npm config set registry=http://registry.npm.taobao.org


## config其它用法
npm config set <key>=<value> [<key>=<value> ...]
npm config get [<key> [<key> ...]]
npm config delete <key> [<key> ...]
npm config list [--json]
npm config edit
npm set <key>=<value> [<key>=<value> ...]
npm get [<key> [<key> ...]]

npm更新到最新的版本，使用node軟件安裝可以忽略。

npm install -g npm

淘寶 NPM 鏡像，大家都知道國內直接使用npm 的官方鏡像是非常慢的，這裏推薦使用淘寶 NPM 鏡像

#1、npm查看鏡像配置地址
npm get registry

#2、國內npm鏡像配置
npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

#3、還原npm鏡像配置
npm config set registry https://registry.npmjs.org/

#4、查看npm鏡像配置，我們會發現已經變了
npm get registry

vue-cli安裝

npm install vue -g --registry=https://registry.npm.taobao.org
npm install vue -g
npm install vue-router -g
npm install vue-cli -g

vue-cli的版本查看

##注意是大寫
vue
vue -V

vue-cli的3.0+以後使用的不是vue-cli了，如果用以上的安裝命令安裝的並不是最新版的3.0+的，而如果安裝3.0的話就需要使用新的

npm install @vue/cli -g

如果原來已經安裝了vue-cli的話需要先卸載原來的安裝

npm uninstall vue-cli -g

創建項目

vue init webpack projectName

**
**

進入項目，下載依賴：（進入項目一定要切換到項目路徑）

npm install 或者 cnpm install

** **

運行項目：

npm run dev

** **

VUE-CLI 3.0

## 使用3。0以上的安裝方法，如提交不能使用，按提示進行卸載舊版本，安裝新的版本
vue create hello-world
## 可以安裝插件：運行插件和開發插件。
vue ui

VUE應用debug

Vue.js devtools 在Chrome或Firefox瀏覽器的擴展插件倉庫裏搜vue devtool，安裝Vue.js devtools