Always be yourself, express yourself, have faith in yourself, do not go out and look for a successfull personality and duplicate it.
— Bruce Lee
Always be yourself, express yourself, have faith in yourself, do not go out and look for a successfull personality and duplicate it.
明确脚手架开发的基本流程、重难点,以及本地调试方法和技巧。
npm
项目 npm init -y
bin
文件夹,在bin文件夹下面创建脚手架入口文件index.js
,最上方添加: // 让index.js文件变成可执行文件,类似***.exe文件一样
#!/usr/bin/env node
package.json
,添加 bin
属性,类似如下: {
"name": "imooc-test-jun",
"version": "1.0.0",
"description": "",
"bin": {
"imooc-test-jun": "bin/index.js"
},
"main": "index.js",
...
...
...
}
将脚手架发布到npm
vue create
vue add
vue invoke
参数解析:
--version
、--help
...-V
、-h
...--path /Users/sam/Desktop/vue-test
帮助文档:
示例:
vue
的帮助信息:
Usage: vue <command> [options]
Options:
-V, --version output the version number
-h, --help output usage information
Commands:
create [options] <app-name> create a new project powered by vue- cli-service
add [options] <plugin> [pluginOptions] install a plugin and invoke its generator in an already created project
invoke [options] <plugin> [pluginOptions] invoke the generator of a plugin in an already created project
inspect [options] [paths...] inspect the webpack config in a project with vue-cli-service
serve [options] [entry] serve a .js or .vue file in development mode with zero config
build [options] [entry] build a .js or .vue file in production mode with zero config
ui [options] start and open the vue-cli ui
init [options] <template> <app-name> generate a project from a remote template (legacy API, requires @vue/cli-init)
config [options] [value] inspect and modify the config
outdated [options] (experimental) check for outdated vue cli service / plugins
upgrade [options] [plugin-name] (experimental) upgrade vue cli service / plugins
migrate [options] [plugin-name] (experimental) run migrator for an already-installed cli plugin
info print debugging information about your environment
Run vue <command> --help for detailed usage of given command.
command help
示例:
vue create
的帮助信息:
Usage: create [options] <app-name>
create a new project powered by vue-cli-service
Options:
-p, --preset <presetName> Skip prompts and use saved or remote preset
-d, --default Skip prompts and use default preset
-i, --inlinePreset <json> Skip prompts and use inline JSON string as preset
-m, --packageManager <command> Use specified npm client when installing dependencies
-r, --registry <url> Use specified npm registry when installing dependencies (only for npm)
-g, --git [message] Force git initialization with initial commit message
-n, --no-git Skip git initialization
-f, --force Overwrite target directory if it exists
--merge Merge target directory if it exists
-c, --clone Use git clone when fetching remote preset
-x, --proxy Use specified proxy when creating project
-b, --bare Scaffold project without beginner instructions
--skipGetStarted Skip displaying "Get started" instructions
-h, --help output usage information
还有很多,比如:
cd your-cli-dir
npm link
cd your-lib-dir
npm link
cd your-cli-dir
npm link your-lib
cd your-lib-dir
npm unlink
cd your-cli-dir
// link存在
npm unlink your-lib
// link不存在
rm -rf node_modules
npm install -S your-lib
理解npm link
npm link
:将当前项目链接到node
全局中作为一个库文件,并解析bin
配置创建可执行文件npm link your-lib
:将当前项目中node_modules
下指定的库文件链接到全局node_modules
下的库文件理解npm unlink
npm unlink
:将当前项目从node
全局node_modules
中移除npm unlink your-lib
:将当前项目中的库文件依赖移除评论没有加载,检查你的局域网
Cannot load comments. Check you network.