Simple IDE (WebStorm, PhpStorm, IntelliJ) vue support testing with Yarn Workspaces.
Test support of Path Alias (@) and vuex hints.
- Init yarn
yarn init
- Add workspaces config to
package.json
and createworkspace1
dir. - Create project with @vue/cli with babel+vuex features.
vue create .
inworkspace1
. - Add ./src/lib/index.js for path alias testing
- Add ./store directory with simple store with modules and one TYPE CONSTANT
- Configure IDE webpack config path to
./node_modules/@vue/cli-service/webpack.config.js
(Languages / Javascript / Webpack) - Run serve
npm run serve
- Line 12: Path alias
- Must find module (no "module is not installed")
- Works
- Line 32: Vuex map action from root with string array
- Must work Go to definition and params hints (ctx, {paramN})
- Works
- Line 33: Vuex map action from module with string array
- Must work Go to definition and params hints (ctx, {paramN})
- Works
- Line 34: Vuex map action from deep module with object mapping and string name
- Must work Go to definition and params hints (ctx, {paramN})
- Works
- Line 35: Vuex map action from deep module with object mapping and TYPE CONSTANT name
- Must work Go to definition and params hints (ctx, {paramN})
- Doesnt works :(
npm install # Project setup
npm run serve # Compiles and hot-reloads for development
npm run build # Compiles and minifies for production
(See file in JSON)