1. 程式人生 > >如何成功安裝vue.js並初始化一個基於webpack的專案

如何成功安裝vue.js並初始化一個基於webpack的專案

1、要想安裝vue.js,首先得保證你的筆記本安裝了node環境以及npm,因為vue.js的安裝是需要藉助npm的。但是這兒有個問題,我剛開始使用npm安裝的時候,因為網速的原因,沒有安裝成功,因為國內使用npm很慢,所以建議在使用npm安裝vue之前將cnpm全域性安裝上,即在Git-bash中輸入命令:npm install -g cnpm。後面凡是使用npm的地方,將npm替換成cnpm就ok。

2、上面配置好了之後,在Git-bash中輸入:cnpm install -g vue-cli 。然後等待它安裝好,安裝好之後就可以在後面看到安裝的資訊

 3、輸入命令vue,不報錯就說明安裝好了

4、建立一個基於webpack模板的新專案,輸入命令:vue init webpack my-project,之後 第一句問你專案名稱是否就命名為my-project 直接回車就好了,後面接著它給出的問題一條條的回答就好了


5、cd my-project進入我們剛剛建立的專案

再輸入命令ls,就能看見建立專案的目錄結構了

至此,安裝並初始化就結束了。

相關推薦

如何成功安裝vue.js初始一個基於webpack專案

1、要想安裝vue.js,首先得保證你的筆記本安裝了node環境以及npm,因為vue.js的安裝是需要藉助npm的。但是這兒有個問題,我剛開始使用npm安裝的時候,因為網速的原因,沒有安裝成功,因為國內使用npm很慢,所以建議在使用npm安裝vue之前將cnpm全域性安裝

windows全域性安裝vue-cli無法初始專案

使用官方文件全域性安裝vue-cli 1.檢視node版本(安裝後記得配置node的環境變數,才能執行下面命令) node -v 2.檢視npm版本 npm-v npm install -g vue-cli ####3. 使用全域性安裝命令前請確定安裝了node以

vue.js 進行初始遇到的關於core-js的錯誤@core-js/modules/es6.array.find-index]

span ins mirrors error alt -s gis show 技術 D:\vuejselement\workSpace\zutnlp_platform_show>cnpm install --save core-js/modules/es6.arr

初始一個react-native專案

npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global npm install

從零開始建立初始一個vue2的專案

對於前端小白甚至是沒怎麼接觸過前端的小夥伴們,這篇關於vue2入門的文章,正是為你量身定做,好了,廢話不多說mm~ 我的電腦需要安裝一些亂七八糟的軟體麼? NO!!你只是要安裝node中的npm包管理器,那麼,該怎麼安裝呢?開啟https://nodej

安裝初始k8s

使用阿里雲的映象  docker:https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo           k8s:https://mirrors.aliyun.com/kubernetes/yum/repos/

用java寫以下小程式碼1. 使用for迴圈列印乘法口訣表 2. 遞迴實現20! 3. 使用陣列靜態初始方式初始一個大小為10的整型陣列輸出。

1.九九乘法表 public class Test { public static void main(String[] args)  { int i; int j; for(i=1;i<10;i++) { for(j=1;j<=i;j++)

從零初始一個Vue專案vue環境搭建】

【nvm +node + npm + vue-cli 】完成vue專案初始化過程 後期可以自行安裝和使用webpack模板初始化vue專案 Node.js NPM安裝方式 1.直接使用安裝包進行傻瓜式單擊安裝,此方式比較簡單不推薦 後期更改node版本不方便 2.nvm (node.

vue-cli初始一個專案

1,換成淘寶源; npm config set registry https://registry.npm.taobao.org/ 檢查是否修改成功 npm config get registry 2,安裝vue腳手架 npm install -g vue-cli 3,建一個專案 vu

初始一個vue專案

vue init webpack ”專案名稱“ 第一步安裝node 第二步專案初始化 1.安裝vue-cli cnp

webpack 4.x 從零開始初始一個vue專案

建立目錄 專案名稱: vue-init app css reset.sass js home index.vue router index.js main.js App.vue views index.html 安裝webpack npm i -D webpack 建立配置檔案 w

使用vue-cli搭建vue項目的初始

ebp -c install .com nodejs 目的 bpa ges ack 在項目中使用vue我使用vue-cli腳手架搭建項目 1.先安裝nodejs 2.使用npm install -g vue-cli (建議在使用這步前先安裝nrm來切換npm的源利器,使得下

【轉】安裝Vue.js的方法

環境搭建 node.js 初始化 其它 cnpm lan commonjs pos 重量級框架 安裝vue.js的方法 一、簡介 Vue.js 是什麽 Vue.js(讀音 /vju?/, 類似於 view) 是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是

vmware安裝centos6.5以及初始

centosVMware安裝centos6.5習慣: 新建虛擬機-->自定義-->稍後安裝系統-->linux(其他linux 2.6x內核64位) 然後配置,記得加上安裝鏡像,網絡配置位橋接,內存給20G左右就可以。 開機-->選第一條-->skip-->

安裝vue.js的方法

targe ejs 國內 sta 顯示 代碼 文件 我們 描述 一、簡介 Vue.js 是什麽 Vue.js(讀音 /vju?/, 類似於 view) 是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計。Vue 的核心庫只關

初始一個static的Map變量

hash ash 括號 str pre bsp spa stat private 第一種方法:static塊初始化 public class Demo{ private static final Map<String, String> myMap;

JAVA構造MAP初始MAP

popu 初始化 table 擁有 內存泄露 dem () private clip 第一種方法:static塊初始化 [java] view plain copy public class Demo{ private

安裝Vue.js devtools

col board 技術 use type 瀏覽器中 shells 鼠標 build 1、下載安裝 https://github.com/vuejs/vue-devtools#vue-devtools 通過以上地址下載安裝包,解壓以後進入文件,按住shift,點

初始一個React項目

AC 第一步 depth 分割 方法 image 結束 *** app 1.create-react-app是一個通過npm發布的安裝包,在確認Node.js和npm安裝好之後,輸入下面命令創建。 2.安裝結束後,使用下面命令創建應用目錄。 3.打開目錄 4.運行項

1-3 MySQL5.7安裝腳本與初始腳本

print $nf root base del dir file error service 本文參考: http://www.unixfbi.com/1.html MySQL5.7安裝腳本 # cat mysql.sh groupadd mysql user