1.下載node,版本在6.0以上 node -v 查看版本
2.全局安裝淘寶鏡像 npm install cnpm -g --registry=https://registry.npm.taobao.org
(可以安裝可以不安裝,主要是npm下載安裝太慢)
3.全局安裝vue-cli(安裝vue腳手架) cnpm install -g vue-cli (安裝cnpm之后用,沒安裝則用 npm install -g vue
4.腳手架搭建好之后就可以構(gòu)建項目了,找到你想要創(chuàng)建項目的目錄 (通過cd命令)
通過vue init webpack命令來搭建webpack
![]()
5.生成項目目錄之后再依賴安裝就行了 cnpm install (npm install)
6.依賴安裝完之后項目就搭建好了,啟動項目命令是cnpm run dev (npm run dev)
最后記錄一下npm -v是查看npm 的版本,vue -V(大寫V)查看vue版本號
![]()
直接vue
![]()
vue各個項目文件的功能作用
├── build/ # webpack 編譯任務(wù)配置文件: 開發(fā)環(huán)境與生產(chǎn)環(huán)境
│ └── ...
├── config/
│ ├── index.js # 項目核心配置
│ └── ...
├ ── node_module/ #項目中安裝的依賴模塊
── src/
│ ├── main.js # 程序入口文件
│ ├── App.vue # 程序入口vue組件
│ ├── components/ # 組件
│ │ └── ...
| |---- router # 路由配置
│ └── assets/ # 資源文件夾,一般放一些靜態(tài)資源文件
│ └── ...
├── static/ # 純靜態(tài)資源 (直接拷貝到dist/static/里面)
├── test/
│ └── unit/ # 單元測試
│ │ ├── specs/ # 測試規(guī)范
│ │ ├── index.js # 測試入口文件
│ │ └── karma.conf.js # 測試運行配置文件
│ └── e2e/ # 端到端測試
│ │ ├── specs/ # 測試規(guī)范
│ │ ├── custom-assertions/ # 端到端測試自定義斷言
│ │ ├── runner.js # 運行測試的腳本
│ │ └── nightwatch.conf.js # 運行測試的配置文件
├── .babelrc # babel 配置文件
├── .editorconfig # 編輯配置文件
├── .gitignore # 用來過濾一些版本控制的文件,比如node_modules文件夾
├── index.html # index.html 入口模板文件
└── package.json # 項目文件,記載著一些命令和依賴還有簡要的項目描述信息
└── README.md #介紹自己這個項目的,可參照github上star多的項目。
build/
本文僅限于我自己的技術(shù)點記載,請勿轉(zhuǎn)載!



浙公網(wǎng)安備 33010602011771號