npm安裝Vue 及 配置



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_globalnode_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_globalnode_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

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM