vue學習過程記錄 1

2021-08-21 05:39:27 字數 4369 閱讀 4105

下面指令測試電腦有木有

node, npm ,vue

c:\users>node -v

v8.11.2

c:\users>npm -v

5.6.0

c:\users>npm -v

usage: npm

where is one of:

access, adduser, bin, bugs, c, cache, completion, config,

ddp, dedupe, deprecate, dist-tag, docs, doctor, edit,

explore, get, help, help-search, i, init, install,

install-test, it, link, list, ln, login, logout, ls,

outdated, owner, pack, ping, prefix, profile, prune,

publish, rb, rebuild, repo, restart, root, run, run-script,

s, se, search, set, shrinkwrap, star, stars, start, stop, t,

team, test, token, tst, un, uninstall, unpublish, unstar,

up, update, v, version, view, whoami

npm -h     quick help on

npm -l           display full usage info

npm help search for help on

npm help npm     involved overview

specify configs in the ini-formatted file:

c:\users\edz\.npmrc

or on the command line via: npm --key value

config info can be viewed via: npm help config

[email protected] c:\program files\nodejs\node_modules\npm

下面指令是安裝

vue腳手架

c:\>

npm install -g webpack

d:\npm\node_global\webpack -> d:\npm\node_global\node_modules\webpack\bin\webpack.js

npm warn optional skipping optional dependency: [email protected] (node_modules\webpack\node_modules\fsevents):

npm warn notsup skipping optional dependency: unsupported platform for [email protected]: wanted (current: )

+ [email protected]

added 1 package and updated 4 packages in 27.276s

c:\>npm install -g webpack-cli

d:\npm\node_global\webpack-cli -> d:\npm\node_global\node_modules\webpack-cli\bin\cli.js

npm warn [email protected] requires a peer of webpack@^4.x.x but none is installed. you must install peer dependencies yourself.

+ [email protected]

added 105 packages in 11.328s

c:\>npm install -g vue

+ [email protected]

updated 1 package in 1.207s

c:\>npm install -g vue-cli

npm warn deprecated [email protected]: coffeescript on npm has moved to "coffeescript" (no hyphen)

d:\npm\node_global\vue-init -> d:\npm\node_global\node_modules\vue-cli\bin\vue-init

d:\npm\node_global\vue -> d:\npm\node_global\node_modules\vue-cli\bin\vue

d:\npm\node_global\vue-list -> d:\npm\node_global\node_modules\vue-cli\bin\vue-list

+ [email protected]

added 252 packages in 20.348s

c:\>vue -v

error: unknown option `-v'

c:\>vue -v

2.9.6

下面是我進到d盤我vs自己建的工作區 

c:\>d:

d:\>

cd d:\vscode_workpace\test

下面是在d盤vscode_workpace

檔案下建立名為 itrip1的vue專案

d:\vscode_workpace\test>

vue init webpack itrip1

? project name itrip1

? project description a vue.js project

? author

? 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 "itrip1".

出現以下一大段**就代表成功了

# installing project dependencies ...

> [email protected] postinstall d:\vscode_workpace\test\itrip1\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 [email protected] requires a peer of ajv@^6.0.0 but none is installed. you must install peer dependencies yourself.

npm warn optional skipping optional dependency: [email protected] (node_modules\fsevents):

npm warn notsup skipping optional dependency: unsupported platform for [email protected]: wanted (current: )

added 1118 packages in 31.332s

# project initialization finished!

to get started:

cd itrip1

npm run dev

documentation can be found at

Vue學習記錄(1)

記錄下前段時間學習的vue,方便自己後面回來檢視。ps vue全家桶 1.vue router 2.vuex 3.vue resource 加上構建工具 vue cli 餓了麼 元件 pc端 element ui 移動端 mint ui angular 09年 react 2013年,使用者體驗好 ...

記錄學習ABAP過程 1

拼接語法 concatenate 變數1 變數2into 文字1 in character mode 預設拼接引數 separated by 拼接分隔符 resyecting blanks.保留字串以外的其他空格 拆分語法 split 文字1 at into 變數1 變數2文字1 in charac...

vue學習記錄

vue從json中遍歷位址 例如v for item in getmenuitems key item.title vue從子元件靜態資料傳遞到父元件1.首先在子元件中定義乙個方法,通過按鈕觸動方法,此方法是子元件向父元件傳值 結算 methods 2.父元件在體現子元件的html結構處,繫結子元件...