国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

webpack+vue創建簡單項目

2024-04-27 15:14:15
字體:
來源:轉載
供稿:網友

-- 安裝nodejs

用命令行生成vue項目框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs,學習vue有必要了解下nodejs和npm的基本知識:nodejs安裝: http://blog.csdn.net/zzwwjjdj1/article/details/51980082npm 介紹: http://blog.csdn.net/zzwwjjdj1/article/details/51982433

-- 安裝命令行工具

npm install -g vue-cli-g表示全局安裝, vue-cli是模塊,全局安裝的模塊可以在命令行直接使用.紅框里是安裝命令,由于npm網站在國內速度非常慢,所以在命令后面加上淘寶的鏡像,很快就安裝好了.也可以使用cnpm安裝.安裝后在命令行輸入 vue -version 能看到版本號表示全局安裝成功,下面就可以使用命令行創建項目了.

-- 創建項目框架

vue init webpack my-PRoject創建一個基于"webpack"的項目,后面是項目名,按照提示輸入,項目名,項目描述,項目作者等等,看到最后這句項目就創建好了,項目結構:這是安裝了依賴以后的截圖,沒安裝依賴以前是沒有node_modules文件夾的剛我們命令行輸入的東西就在package.json這個文件里,打開文件項目名字,版本,描述,作者等,后面還有運行項目命令,項目依賴,開發環境項目依賴等.

-- 安裝依賴

生成了項目以后是不能直接運行的,現在很多項目都依賴許許多多的模塊,需要逐一安裝,ctrl+c 停掉剛生成項目的命令,cd vue-project 進入項目跟目錄, 用命令npm install 安裝同樣是使用淘寶鏡像.當這個命令運行完成以后會多出一個node_modules文件夾,里面就是項目所需的所有依賴,可以看到有很多模塊,這些模塊都是在package.json文件里定義好了的.dependencies是項目依賴,devDependencies是開發時項目依賴.

-- 運行測試

好了,依賴安裝完成后就可以運行我們的項目了命令:npm run dev看到這樣的輸入項目就運行起來了,然后打開瀏覽器,輸入第二個紅框的地址 localhost:8080,瀏覽器截圖.
上一篇:平臺搭配

下一篇:npm使用小記

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阿鲁科尔沁旗| 越西县| 奈曼旗| 济源市| 南郑县| 依安县| 叶城县| 遂川县| 连江县| 阳高县| 禄丰县| 芮城县| 吉隆县| 娄底市| 平安县| 大城县| 富阳市| 河津市| 镇沅| 阿瓦提县| 科技| 重庆市| 来安县| 化德县| 晴隆县| 义乌市| 濮阳县| 蒙自县| 尉氏县| 苗栗市| 奉新县| 万年县| 遂宁市| 绿春县| 岑溪市| 广宗县| 肃北| 明星| 涞水县| 宿迁市| 福贡县|