新建vue項目

1. 前期準備工作

     1.1 安裝node,下載地址:https://nodejs.org/zh-cn/,安裝完之後用命令 node -v 查看是否安裝成功,查看npm版本(node自帶npm),如果不是最新的npm版本,可以運行 npm install -g npm安裝最新的版本

    1.2 安裝淘寶鏡像: npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

2. 項目初始化

    2.1 安裝vue-cli: cnpm install vue-cli -g,使用 vue list 查看vue-cli是否成功

    2.2 選定一個目錄新建vue項目,vue init webpack myproject,注意:項目名不能包含大寫字母

    2.3 項目安裝目錄下運行操作指令:cnpm install, cnpm run dev,成功後命令行將出現如下界面

    2.4 在瀏覽器輸入 localhost:8080 會出現如下界面,簡單的項目就創建好啦

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章