npm安裝Vue
一,npm安裝vue
1,安裝Node.JS
2.npm 安裝vue cli
3,初始化項目/配置項目
4. 通過npm安裝項目
5,測試和生成
二,vue-devtools工具介紹(vue.js調試神器)
三 ,vue項目結構講解(引用自vue.js項目開發實戰(張帆著))
四 ,在vue中引入bootstrap和jquery
1,npm 引入jquery
2,npm 引入bootstrap
五,npm安裝TypeScript
一,npm安裝vue
1,安裝Node.JS
可以這樣子理解,npm是集成在node.js中的,安裝node.js,就相當於安裝了npm工具。下載安裝即可。
對於npm,完全有javascript寫成。我們知道它是一個非常有用的javascript包管理工具,通過npm可以非常迅速的進行vue的安裝,使用和升級。而且對於一個項目,如果存在package.json文件,那么用戶就可以直接使用npm install 命令直接安裝和維護當前項目所需的所有模塊。
下載地址:https://nodejs.org/en/download/
---------------------
作者:一頭小驢
來源:CSDN
原文:https://blog.csdn.net/qq_37326058/article/details/85488293
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!
因為npm是國外的,我們在國內訪問會很慢,所以我們需要安裝淘寶境像來提升我們的反應速度:npm install -g cnpm --registry=https://registry.npm.taobao.org
借鑒自引用文章,我們可以輸入如下命令進行一些配置去修改global和緩存文件位置,先在D:\nodejs\下創建了node_global和node_cache文件夾,然后執行以下命令:(在C:\Users\Administrator.npmrc 文件中打開也可以看到這些配置信息。)
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"//緩存
npm config set registry=http://registry.npm.taobao.org //配置鏡像站
因為npm是國外的,我們在國內訪問會很慢,所以我們需要安裝淘寶境像來提升我們的反應速度:npm install -g cnpm --registry=https://registry.npm.taobao.org
借鑒自引用文章,我們可以輸入如下命令進行一些配置去修改global和緩存文件位置,先在D:\nodejs\下創建了node_global和node_cache文件夾,然后執行以下命令:(在C:\Users\Administrator.npmrc 文件中打開也可以看到這些配置信息。)
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"//緩存
npm config set registry=http://registry.npm.taobao.org //配置鏡像站
Vue -v
Nodejs 文件夾屬性 取消只讀
cnpm install vue
cnpm install -g vue-cli
///***********首次打開
D:\javaWork\project_view>cnpm rebuild node-sass
D:\javaWork\project_view>cnpm install
D:\javaWork\project_view>cnpm run serve
復制老的項目作為一個新項目時 ,刪除node_modules文件夾 ,重新cnpm install ,cnpm run serve