体验使用node.js创建vue+Element-UI项目
生活随笔
收集整理的這篇文章主要介紹了
体验使用node.js创建vue+Element-UI项目
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、首先去node.js官網下載系統對應的node.js版本。
2、安裝淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、安裝完成之后,在命令行下,輸入 node -v及npm -v檢查node和npm(node自帶npm)安裝是否成功。
4、安裝最新版vue/cli
npm i -g @vue/cli
5、VUE+Element-UI環境搭建
6、目錄結構
build:項目構建webpack(打包器)相關代碼
config:配置目錄,包括端口號等
node_modules:npm加載的項目依賴模塊
src:主要代碼開發目錄。
assets:放置一些圖片
components:放置組建文件
App.vue:項目入口文件
main.js:項目的js核心文件
router:Vue路由文件目錄, 在router/index.js中可以定義不同url訪問不同的內容
static:靜態資源目錄,如圖片,字體等
test:測試目錄
index.html:首頁入口文件,可以添加meta信息或統計代碼
package.json:項目配置文件
README.md:項目的說明文檔,markdown格式
總結
以上是生活随笔為你收集整理的体验使用node.js创建vue+Element-UI项目的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: GitHub下载某分支的代码
- 下一篇: IDEA REST Client IDE