打開cmd命令行，安裝node（帶貼圖）
- 步驟：打開node官網(wǎng) https://nodejs.org/en/download/锦秒，進行下載安裝茉兰，輸入node -v，如果出現(xiàn)版本信息即表示安裝成功脆淹。
- 輸入node -v若顯示版本號即表示安裝成功
安裝淘寶鏡像
- 輸入npm install -g cnpm --registry=http://registry.npm.taobao.org ，安裝淘寶鏡像安裝相關(guān)依賴
安裝vue-cli腳手架構(gòu)建工具
- 輸入命令 npm install -g vue-cli沽一，安裝完成即可
1 直接使用webstorm創(chuàng)建盖溺，其他像idea類似
2 本地先創(chuàng)建項目
- 新建一個項目文件夾，右擊用命令行運行
- 運行命令vue init webpack 項目名稱(lmy)
在當(dāng)前項目下運行
- 出現(xiàn)項目名等信息時直接默認(rèn)下一步
-下面將會出現(xiàn)四個選項铣缠，除了install vue-router是yes而外烘嘱，其他都是no，以免發(fā)生不必要的麻煩 - 輸入npm install安裝依賴庫
- 輸入npm run dev運行項目蝗蛙，即可成功
test1
vue 安裝.png
clipboard.png
test2
clipboard (1).png
clipboard (2).png
clipboard (3).png
clipboard.png
Microsoft Windows [版本 10.0.17134.285]
(c) 2018 Microsoft Corporation蝇庭。保留所有權(quán)利。
C:\Users\lenovo>node -v
v8.11.1
C:\Users\lenovo>npm install -g vue-cli
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
C:\Users\lenovo\AppData\Roaming\npm\vue-list -> C:\Users\lenovo\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-list
C:\Users\lenovo\AppData\Roaming\npm\vue -> C:\Users\lenovo\AppData\Roaming\npm\node_modules\vue-cli\bin\vue
C:\Users\lenovo\AppData\Roaming\npm\vue-init -> C:\Users\lenovo\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init
+ vue-cli@2.9.6
added 5 packages from 10 contributors, removed 20 packages and updated 85 packages in 116.155s
╭───────────────────────────────────────────────────────────────╮
│ │
│ New major version of npm available! 5.6.0 -> 6.4.1 │
│ Changelog: https://github.com/npm/npm/releases/tag/v6.4.1 │
│ Run npm install -g npm to update! │
│ │
╰───────────────────────────────────────────────────────────────╯
C:\Users\lenovo>d:
D:\>cd VueStudy
D:\VueStudy>vue init webpack my-album
? Project name my-album
? Project description A Vue.js project
? Author YEndless <895315416@qq.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
vue-cli · Generated "my-album".
# Installing project dependencies ...
# ========================
> uglifyjs-webpack-plugin@0.4.6 postinstall D:\VueStudy\my-album\node_modules\webpack\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 1132 packages from 657 contributors and audited 10615 packages in 208.946s
found 1 moderate severity vulnerability
run `npm audit fix` to fix them, or `npm audit` for details
# Project initialization finished!
# ========================
To get started:
cd my-album
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
D:\VueStudy>被《無問西東》感動了捡硅。 不是因為它人物塑造得有多好哮内，它講故事的方式有多好，它的剪輯手法有多厲害病曾。事實 上有很多地方人物的動機不明確牍蜂，講故事的手法有...^Z^Z
'被《無問西東》感動了。' 不是內(nèi)部或外部命令泰涂，也不是可運行的程序
或批處理文件鲫竞。
D:\VueStudy>npm install
npm WARN saveError ENOENT: no such file or directory, open 'D:\VueStudy\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'D:\VueStudy\package.json'
npm WARN VueStudy No description
npm WARN VueStudy No repository field.
npm WARN VueStudy No README data
npm WARN VueStudy No license field.
up to date in 1.621s
found 0 vulnerabilities
D:\VueStudy>cd my-album
D:\VueStudy\my-album>npm run dev
> my-album@1.0.0 dev D:\VueStudy\my-album
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
95% emitting
DONE Compiled successfully in 5371ms 09:17:15
I Your application is running here: http://localhost:8081
